vue+vuex+router+element ui

1. cnpm install -g vue-clicss

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

2. 建立項目jquery

   vue init webpack +項目名稱webpack

3.  cnpm install ----->下載依賴文件web

  npm run dev ----->運行項目vuex

4.config文件夾,下面的index.js裏面修改port端口號   vue-cli

5.引入element ui的框架npm

      npm install element-ui --save。//失敗概率賊高element-ui

      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")

相關文章
相關標籤/搜索