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’]});