vue-cli搭建项目

1. 安装node.js
   官网下载最新版本安装
   命令行输入 npm -v 出现版本号即为安装成功

2. 安装webpack
   npm install webpack -g
   输入webpack -v 出现相应版本号即为安装成功

3. 安装vue-cli
   npm install vue-cli -g
   输入webpack -V 出现相应版本号即为安装成功（该处为大写字母V）

4. 通过vue-cli初始化项目
   在projectName（项目名）文件夹下来放置项目
   vue init webpack projectName(项目名)

5. vue-cli初始化项目

• vue init webpack projectName--------------------- 安装vue-cli,初始化vue项目的命令
• Target directory exists. Continue? (Y/n) y---------------------找到了projectName这个目录 是否要继续
• Target directory exists. Continue? Yes
• Project name (projectName)---------------------项目的名称（默认是文件夹的名称），ps：项目 的名称不能有大写，不能有中文，否则会报错
  Project name projectName
• Project description (A Vue.js project)---------------------项目描述，可以自己写
  Project description A Vue.js project
• Author (OBKoro1)---------------------项目创建者
  Author OBKoro1
• Vue build (Use arrow keys)--------------------选择打包方式，有两种方式（runtime和 standalone），使用默认即可
  Vue build standalone
• Install vue-router? (Y/n) y--------------------是否安装路由，一般都要安装
  Install vue-router? Yes
• Use ESLint to lint your code? (Y/n) n---------------------是否启用eslint检测规则，这里个人建 议选no，因为经常会各种代码报错，新手还是不安装好
  Use ESLint to lint your code? No
• Setup unit tests with Karma + Mocha? (Y/n)--------------------是否安装单元测试
  Setup unit tests with Karma + Mocha? Yes
• Setup e2e tests with Nightwatch? (Y/n) y)--------------------是否安装e2e测试
  Setup e2e tests with Nightwatch? Yes

6. 关闭当前外面的文件夹，打开内部新建的文件夹
   npm install 安装项目所需依赖