vue-cli3.0脚手架搭建项目

脚手架vue-cli3.0

• 1、确保电脑已经安装node环境，并且保证node.js版本在8.9或者更高的版本（推荐使用8.11.0+）
• 2、npm全局安装vue-cli3.0版本

$ npm install -g @vue/cli

• 3、检查安装的vue-cli版本是否为3.X

$ vue -V //

• 4、vue-cli创建新的项目

$ vue create mypro

• cmd 打开的情况下是可以自行进行选择的默认创建还是自定义创建项目
  
• 但是用gitBash的同学可能会碰到不能选择的情况，这时需要在gitBash安装目录下找到C:\Program Files\Git\etc\bash.bashrc 文件中添加以下行来为命令添加别名。 alias vue=‘winpty vue.cmd’ 你需要重新启动 Git Bash 终端会话以使更新后的 bashrc 文件生效----这样就可以选择了
• 选择自定义创建（上下键进行箭头移动，空格键选中或不选中项目）
  
• 根据自己的需要选择需要的安装项，之后开始创建项目并且下载node_modules
  

启动vue项目

// 启动项目
npm run dev
// 利用vue-cli3.X可视化工具管理多个项目
vue ui

已经安装 vue-cli3.0，如何使用vue-cli2.0

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

npm install -g @vue/cli-init

# `vue init` 的运行效果将会跟 `vue-cli@2.x` 相同

vue init webpack my-project