vue脚手架 2018-11-05

1、安装vue脚手架 （全局安装，只需一次）

npm install --global vue-cli

2、项目构建

官方模版 vue init webpack my-project    （tips：代码语法检查较麻烦）

推荐  vue init webpack-simple my-project 

根据提示 进行依赖安装      项目启动  npm run dev  项目打包  npm run build

单文件组件  css拥有作用域，scoped属性可规定当前css只作用于自己的组件，不影响其他

1、插件安装 axios

npm install axios —-save-dev

使用    哪个文件需要使用，就在该文件的js中 导入

import axios from ‘axios’

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

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

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

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

Vue ui框架

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

Mintui

Vux 

Framework7

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