vue项目的搭建
1.要使用vue来开发前端环境,首先要有环境,这个环境要借助于node,所以首先要安装node,借助于node里面的npm来安装需要的依赖
如果直接在cmd中直接使用npm来安装的话会比较慢,所以一般我们都会使用淘宝的npm镜像
输入 npm install -g cnpm –registry=https://registry.npm.taobao.org,即可安装npm镜像。
安装完成npm镜像后,开始安装全局vue-cli脚手架 npm install -g vue-cli回车 验证是否安徽尊贵成功 输入vue 出来vue的信息说明安装成功
2.安装成功架手架之后,开始创建一个新的项目 输入命令 npm init webpack 项目的名称 点击回车
然后会出现提示比如是否要使用这个名字 刚才你输入的项目名称 点击回车 一直回车
然后会出现一些让你选择y/n的 如果你使用路由的话让路由为y点击回车
3.下载完成之后 base 到当前文件夹下
4.npm run dev 让程序运行
vux插件库的使用
1.安装vux
npm install vux --save
2.安装vux-loader
npm install vux-loader --save-dev
3.npm install vue-style-loader
npm install css-loader
npm install less-loader
npm install less
4.配置项目
在build文件夹下webpack.base.conf.js 文件进行配置
const vuxLoader = require(‘vux-loader’)
const webpackConfig = originalConfig
// 原来的 module.exports 代码赋值给变量 webpackConfig
module.exports = vuxLoader.merge(webpackConfig, {
plugins: [‘vux-ui’]
})
npm run dev 打开即可