直接开干,前提已经安装node 可以使用npm,可以顺便百度下配置cnpm。安装vue
npm install vue
1.创建初始文件
vue init webpack-simple vuedemo01
我这边使用idea打开
2.将项目run起来 第一次run 需要执行两句代码
npm install //加载依赖
npm run dev //运行项目
3.下载依赖以后会多出一个文件夹
4.运行效果
5.重头戏,导入各种各样需要用的东西。(1.vue-router:路由。2.vue-resource:请求。3.VUX:UI插件)
- vue-router:路由安装
cnpm install vue-router --save
2.vue-resource:请求安装
cnpm install vue-resource --save
3.VUX:UI插件安装。比较多的东西
cnpm install vux --save
cnpm install vux-loader --save-dev
cnpm install less less-loader --save-dev
在build文件夹下webpack.base.conf.js 文件进行配置
const vuxLoader = require('vux-loader')
const webpackConfig = originalConfig // 原来的 module.exports 代码赋值给变量 webpackConfig
module.exports = vuxLoader.merge(webpackConfig, {
plugins: ['vux-ui']
})
---------------------------------------------------------------搞定。我们运行试试会不会出bug--------------------------------------------------------------
我的是成功。
------------------------------------------------------------------------简单案例使用-------------------------------------------------------------------------------
下一篇