Vue CLI 脚手架
cli脚手架创建项目步骤
- 全局安装(一次):yarn global add @vue/cli
无法识别yarn的要先安装yarn;终端执行npm install -g yarn
- 查看Vue版本:vue --version
这里有问题(success上方有warning)
报错:‘vue’不是内部或外部命令,也不是可运行的程序或批处理文件
vue.cmd没有加入到环境变量中
查看npm的全局安装路径;npm config get prefix
找到 node.js 安装路径,新建两个文件夹 “node_global”、“node_cache”
CMD 中输⼊命令
npm config set prefix "C:\Program Files\nodejs\node_global"
npm config set cache "C:\Program Files\nodejs\node_cache"
yarn global bin
查看全局包路径:C:\Program Files\nodejs\node_global\bin;加到环境变量中
yarn global add @vue/cli 重新安装
vue.cmd加到环境变量中
- 创建项目架子:vue create 项目名
按住shift;鼠标点击右键
vue create vue-demo1
注意:项目名不能是中文
选vue2
ERROR Error: command failed: yarn 报错
改npm
- 启动项目:yarn serve 或 npm run serve
VSCode New window;挪进来