创建vue脚手架项目

vue-cli 查看 vue -V
vue 版本查看 npm list vue

第一步：安装vue环境

注意安装的时候记得修改npm的本地仓库
查看npm的本地仓库： npm list –global

修改npm的本地仓库：
npm config set prefix  "D:\vscode\node_global"
npm config set cache  "D:\vscode\node_cache"

将npm改成cnpm下载时候会快很多

第二步：使用脚手架创建第一个vue项目

vue init webpack myvuestudyfirst

Project name ；项目名称
Project description (A Vue.js project) 项目描述 （A Vue.js project）；
Author (XXXX XXXX@XXX.com) ;XXXX@XXX.com(项目作者)；
Vue build ❯ Runtime + Compiler: recommended for most users
Runtime-only: about 6KB lighter min+gzip, but templates (or any
Vue-specific HTML) are ONLY allowed in .vue files - render functions
are required elsewhere
这里选择Runtime + Compiler: recommended for most
users；
Install vue-router? (Y/n) 是否使用vue-router路由（y）；
Use ESLint to lint your code? (Y/n) 是否使用ESLint（n）；
Setup unit tests with Karma + Mocha? (Y/n) 是否需要单元测试（n）；
Setup e2e tests with Nightwatch? (Y/n) 是否需要单元测试(n)；

先cd到项目文件所在目录，然后输入安装命令：

  cd myvuestudyfirst

最后运行项目，同样cd到项目所在目录，输入运行命令：

npm run dev