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；挪进来