vue项目搭建

环境配置

下载node、npm、webpack

1.下载node（会自动下载npm）
参考：https://nodejs.org/en/download/package-manager/

如果直接用apt-get下载nodejs的话版本会比较旧（大概0.10的样子），要下载新版本，则用如下命令：

1 2	curl -sL https://deb.nodesource.com/setup_6.x \| sudo -E bash - sudo apt-get install -y nodejs

以上命令里6.x会下载6.0以上的版本，如想下载8则换成8.x。
ps：该命令可能需要在root环境下，如果未安装python-software-properties则可用apt-get直接安装。

查看版本：

1 2	node -v npm -v

2.webpack安装
参考： http://zhaoda.net/webpack-handbook/install.html

1	$ npm install webpack -g

运行项目如果跑不起来，则将里面的依赖包文件node_modules删除，用cnpm install安装依赖试试。
cnpm下载命令：

1	$ npm install -g cnpm --registry=https://registry.npm.taobao.org

3.运行项目：
安装依赖：

1	npm install

或者

1	cpm install

运行：

1	npm run dev

或者

1	cpm run dev

初始化项目

安装vue-cli

1	npm install -g vue-cli

使用webpack模板初始化

1	vue init webpack my-project(项目名称)

命令提示如下：

? Project name (my-project)                   //请输入项目名称，回车默认
? Project description (A Vue.js project)      //请输入项目描述，回车默认
? Author xsl <398818817@qq.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
? Install vue-router? Yes                     //是否安装vue-router,回车
? Use ESLint to lint your code? Yes           //是否安装ESLint代码检查器，回车
 Standard (https://github.com/feross/standard)
>AirBNB (https://github.com/airbnb/javascript)
 none (configure it yourself)

? Setup unit tests with Karma + Mocha? Yes    //单元测试，请按需选择
? Setup e2e tests with Nightwatch? Yes        //端到端测试，请按需选择

编码规范ESLint可以用no可避免很多不知名错误。