vue创建初始项目笔记

直接开干，前提已经安装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插件）

1. 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--------------------------------------------------------------

我的是成功。

------------------------------------------------------------------------简单案例使用-------------------------------------------------------------------------------

下一篇