vue-vux初学

一、安装介绍

　　1.安装nide.js

　　　　下载node.js并安装。下载地址：https://nodejs.org/en/download/。 下载.msi 格式的直接连续下一步就可以了。安装完成后可以用 node  -v  和 npm -v 查看版本号。

　　　　

　　2.安装vue-cli

　　　　下载 vue-cli(脚手架) . 在命令行中输入npm install -g vue-cli，自动下载vue-cli（会生成一大堆的依赖文件）。可输入 vue 查看是否安装成功

　　　　

　　3.初始化项目

 　　　　初始化项目并下载webpack。执行命令 vue init webpack 项目名  初始化项目

 　　　　　　1.project name 项目名称

　　　　　　 2.project description 项目描述

　　　　　　 3.author  作者

　　　　　　 4.install vue-router?  是否安装vue路由(建议安装)

　　 　　　　5.use ESLint preset   是否使用eslint检查代码（建议no，严格要求es6编码）

　　 　　　　6.setup unit tests with karma+ mocha  单元测试（个人也不是太懂建议no）

　　 　　　　7.setup e2e tests with Nightwatch （不懂直接NO）

　　4.进入项目

　　　　cd 项目名称

　　5.安装模块

　　　　npm install

　　6.启动项目

　　　　npm run dev

　　

二.安装vux

　　默认已安装vue环境

　　1.安装vux

　　　　npm install vux --save-dev

　　2.安装vux-loader(介绍)

　　　　npm install vux-loader --save-dev

　　3.安装less-loader以正确编译less源码

　　　　npm install less less-loader --save-dev

　　4.安装 yaml-loader 以正确进行语言文件读取(个人没有安装直接报错)

　　　　npm install yaml-loader --save-dev

　　5.修改build/webpack.base.conf.js中的代码

　　　　添加 const vuxLoader = require('vux-loader');

　　　　　修改module.exports={}(原)

　　　　改 const webpackConfig = {};

　　　　　导出 module.exports = vuxLoader.merge(webpackConfig, { plugins: ['vux-ui']});