vue+vuex+router+element ui

Posted 2020-10-09 夏天的水果

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端口号

///////////////////////////////////////

好像vue 在2.0之后自动的就引入了router和vue-loader

5. 引入router的路由

       cnpm install vue-router  --save 

6. 引入vue-loader----->cnpm install vue-loader  --save

  只需要在项目的

7.引入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);

8.引入vuex

      cnpm install  vuex --save

项目中引入   import Vuex from ‘vuex‘

            Vue.use(Vuex)