新建VUX项目命令

使用一下命令之前表示您的环境已经搭建好

创建项目
vue init vuxjs/webpack 项目名称 创建一个基于”vuxjs/webpack”的项目，后面是项目名

cd 项目名称

安装VUE CLI

npm install -g vue-cli

<1>. 在项目里安装vux

npm install vux –save

<2>. 安装vux-loader （这个vux文档中没有明文跟你说要安装的啦）

npm install vux-loader –save-dev

<3>. 安装less-loader （这个是用以正确编译less源码，否则会出现 ’ Cannot GET / ‘，自己看package.json，如果安装了，就不用装啦！）

npm install less less-loader –save-dev

<4>. 安装yaml-loader （不用装啦）

npm install yaml-loader –save-dev

<5>. 装置npm

npm install

<6>. 在build文件夹下webpack.base.conf.js 文件进行配置
const vuxLoader = require(‘vux-loader’) 【新加上去的】
const webpackConfig = originalConfig 【originalConfig就是原来的 module.exports出去的代码，把它整个赋值给变量 webpackConfig】
module.exports = vuxLoader.merge(webpackConfig, { plugins: [‘vux-ui’] }) 【在最后加多一句，这里就是引用插件vux啦！】

<7>最后别忘了，在resolve: {
extensions: [‘.js’, ‘.vue’, ‘.json’,’.less’]里加入.less。

运行 NPM
npm run dev

退出NPM

ctrl+c

提示终止批处理操作吗（Y/N）？输入“Y”

修改项目访问端口号

vue 端口号的更改，首先要找到配置文件夹config，然后更改在config文件夹下的index.js里面的port变量值即可。
config配置文件夹下的index.js，如下代码更改，更改port的值。

dev: {
env: require(‘./dev.env’),
port: 88, //端口号的更改
autoOpenBrowser: true, //运行时自动打开浏览器
assetsSubDirectory: ‘static’,
assetsPublicPath: ‘/’,
cssSourceMap: false
}

注：更改端口之后重新运行 “npm run dev”才生效