新建vue项目完整步骤

一、node环境

安装node.js

二、新建vue项目

1. 安装vue脚手架
   npm install -g vue-cli

2. 用脚手架搭项目
   vue init webpack-simple (项目名字)
   　或　
   vue init webpack (项目名字)

两者区别就是
vue init webpack-simple :可以理解为轻巧的，没有多余的配置和包，但能保证项目正常运行。
vue init webpack : 可以理解为完整的，包含比较多配置和包。

运行该命令后会跳出下列选项:

• Generate project in current directory? Yes
  是否在当前目录下创建

• Project name (vue项目实例) Demo
  项目名称

• Project description A sipmle vue project
  项目描述

• Author (gratitude <[email protected]>) xc
  作者

• Runtime + Compiler: recommended for most users
  运行加编译

• Install vue-router? (Y/n) y
  是否安装路由

• Use ESLint to lint your code? (Y/n) y
  是否使用ESLint管理代码，ESLint是个代码风格管理工具，是用来统一代码风格的，并不会影响整体的运行，这也是为了多人协作，新手就不用了，一般项目中都会使用。

• Pick an ESLint preset (Use arrow keys)
  选择一个ESLint预设，编写vue项目时的代码风格，因为选择了使用ESLint

• Setup unit tests with Karma + Mocha? (Y/n)
  是否安装单元测试

• Setup e2e tests with Nightwatch(Y/n)?
  是否安装e2e测试

接下来在该路径下运行npm run dev即可运行该项目