码迷,mamicode.com
首页 > 其他好文 > 详细

vue-cli3安装使用

时间:2020-05-18 18:47:01      阅读:61      评论:0      收藏:0      [点我收藏+]

标签:cli   默认   cte   目录结构   img   guid   一个   mic   -bash   

话不多说,开整 ,本地当前已经有vue-cli2版本 

官方文档 https://cli.vuejs.org/zh/guide/webpack.html

一、安装cli3

技术图片

 

 

 

直接安装cli-3:npm install -g @vue/cli

技术图片

 

 

解决方法:   使用win+x,选择命令提示符(管理员),在里面运行命令就好了。 

技术图片

 

 

安装 完了,看下版本vue -V

技术图片

 

 

 

1. 以管理员身份运行PowerShell
2. 执行:get-ExecutionPolicy,回复Restricted,表示状态是禁止的
3.执行:set-ExecutionPolicy RemoteSigned
4.选择Y
技术图片

 

 安了4版本。。。

卸载重装!!。
npm uninstall -g @vue/cli
npm install -g @vue/cli@3.11.0

技术图片

 

 总算安装成功了。。。,抽根烟休息会

 

二、cli3初始项目

   1、vue create xxx

    

  技术图片

 

 

 

    技术图片

 

 

 

     技术图片

 

 

    安装完成 !!!

  看下默认的目录结构
    技术图片

 

    2、用图形界面安装,只需要一个代码 :vue ui

    

技术图片

 

   

    好了,开心的配置吧。。。

 

    其他问题:如果想使用vue-cli2初始化项目怎么办?v

    vue CLI >= 3 和旧版使用了相同的 vue 命令,所以 Vue CLI 2 (vue-cli) 被覆盖了。如果你仍然需要使用旧版本的 vue init 功能,你可以全局安装一个桥接工具:   

    技术图片

 

    

  安装插件:

     

   

vue-cli3安装使用

标签:cli   默认   cte   目录结构   img   guid   一个   mic   -bash   

原文地址:https://www.cnblogs.com/wangze0608/p/12911392.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!