Vue-cli新建工程以及报错处理

使用vue-cli新建vue2工程：

1.下载vue-cli，webpack

已经下载好可省略此步

npm i @vue/cli -g
npm i webpack -g

ps：全局安装，因为后面在不同路径中可以使用其命令
检查是否安装完毕：

npm list -g

2.使用vue-cli新建工程命令

按照以下格式，注意项目名中不要出现大写字母，图中的vueDemo就不对。

vue init webpack vue-demo

vue init [构建方式] [项目名]

如果出现报错如下：

这说明系统禁止运行脚本，需要修改执行策略，解除受限状态。

查看一下，脚本执行策略，可以印证：

get-ExecutionPolicy

此时需要打开powerShell（以管理员方式运行）

输入命令即可：

Set-ExecutionPolicy RemoteSigned

然后重新再使用命令新建工程

3.缺少cli-init命令

这个应该算提示，不算报错，安装一下就好

npm i -g @vue/cli-init

（这里的@vue/cli-init 是一个桥接工具，因为上面我是直接下载的@vue/cli而非vue-cli。@vue/cli在版本和速度上领先于vue-cli，类似于加上桥接工具后能再次兼容回后者的使用方式）
————————————————————————

附加一条：

选择Runtime+compiler还是Runtime-only？

简单说就是：

• Runtime+compiler 允许运行时和编译，使用更灵活（一般选这个）
• Runtime-only 只允许运行时，那么只能把模板写在.vue文件里面，这样优点是打包后项目体积只有6KB，执行效率更高

以上就是vue-cli新建工程可能会遇到的问题了，共勉。

直接使用@vue/cli 新建工程

且当node>=14,npm>=8.1时可以用如下命令新建工程：
（vue-cli是2.x版本时vue的脚手架，@vue/cli是3.x版本时vue的脚手架，可以分称作CLI 2和CLI 3）

vue create projectName

可以选择新建默认vue2或vue3模版，或者是手动配置