vue脚手架安装

1. 1、安装vue脚手架  （全局安装，只需一次） npm install --global vue-cli

2.  

3. 2、项目构建 官方模版 vue init webpack my-project    （tips：代码语法检查较麻烦）

4.  

5. 推荐  vue init webpack-simple my-project   根据提示 进行依赖安装      

6.  

7. 项目启动  npm run dev   项目打包  

8.  

9. npm run build 单文件组件  css拥有作用域，

10.  

11. scoped属性可规定当前css只作用于自己的组件，不影响其他

12.  

13. 1、插件安装    axios npm install axios —-save-dev 使用  

14.  

15.  哪个文件需要使用，就在该文件的js中 导入 import axios from ‘axios’

16.  

17. 2、路由  vuerouter    （tips：路由规则配置均在main.js中）

18.  

19. 依赖安装   nam install vue-router —-save-dev

20.  

21. 使用 在main.js引入  import VueRouter from ‘vue-router’

22.  

23. 声明使用  在main.js  中   Vue.use(VueRouter)

24. Vue ui框架

25.  
26.  

27. Element －－pc (算是目前支持vue2.0最好的ui框架)

28.  

29. Mintui

30.  

31. Vuex状态管理器，主要组件：

32.  

33. Framework7

34.  

35. Tips；vue全家桶 指（vue+vuex+vue-router+axios）