vue+vuex+router+element ui

1. cnpm install -g vue-cli

   项目的main.js引入import Vue from 'vue'

2. 创建项目

   vue init webpack +项目名称

3.  cnpm install ----->下载依赖文件

  npm run dev ----->运行项目

4.config文件夹,下面的index.js里面修改port端口号   

5.引入element ui的框架

      npm install element-ui --save。//失败几率贼高

      npm i element-ui -S //官网推荐

      项目中引入main.js

      import ElementUI from 'element-ui'

      import 'element-ui/lib/theme-default/index.css'

      Vue.use(ElementUI);

6.引入vuex

   npm install  vuex --save
  项目中main.js写入
  import Vuex from 'vuex'
   Vue.use(Vuex)

7.引入less

   npm install less --save-dev 

   npm install less-loader --save-dev 

8.引入 npm install jquery --save

     baseconfig.js

 1  plugins: [ 
 2 
 3      var webpack = require('webpack')
 4 
 5      new webpack.ProvidePlugin({
 6 
 7      $: "jquery",
 8 
 9      jQuery: "jquery",
10 
11      jquery: "jquery",
12 
13      "window.jQuery": "jquery"
14 
15     })],
View Code

  在main.js里面require("jquery")

 
posted @ 2017-09-29 18:11  夏天的水果  阅读(292)  评论(0编辑  收藏  举报