（一）vue开发 - 环境搭建

node安装：

安装node（移步至:https://nodejs.org/en/download/）,如果是windows平台，请选择.msi,注意区分32位和64位系统，按需选择，否则安装可能会提示失败，如果是mac，请选择.pkg，下载完成后，直接点击下一步，傻瓜式安装。然后打开终端，输入node -v ，能输出版本号即可，同样，应该 npm -v也能输出版本号，即表示安装成功。

安装webpack

webpack可以通过npm安装

//全局安装
npm install -g webpack 
//安装到你的项目目录 
npm install --save-dev webpack

安装vue（https://cn.vuejs.org/v2/guide/installation.html）

最新稳定版

$ npm install vue

安装vue脚手架

全局安装 vue-cli
$ npm install --global vue-cli
创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
安装依赖，走你
$ cd my-project
$ npm install
$ npm run dev

以后搭建项目只需要这行就够了：vue init webpack my-project
如果想改运行时的端口，请在config/index.js 做如下修改：这样项目可以在其他设备上使用：http://192.168.23.111:8080访问

host: '192.168.23.111', // can be overwritten by process.env.HOST
port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined打包：

npm run build

注意：在运行npm run build前请将config/index.js里

assetsPublicPath: '/',

改为

assetsPublicPath: './',

否则资源引用可能会出现问题

将config/index.js里，build里面的这句改掉，打包后的vonder.js会小很多

productionSourceMap: false,