1魏身、安裝vue腳手架 (全局安裝寥院,只需一次)
npm install --global vue-cli
2苞冯、項(xiàng)目構(gòu)建
官方模版 vue init webpack my-project? ? (tips:代碼語法檢查較麻煩)
推薦? vue init webpack-simple my-project?
根據(jù)提示 進(jìn)行依賴安裝? ? ? 項(xiàng)目啟動? npm run dev? 項(xiàng)目打包? npm run build
單文件組件? css擁有作用域镀脂,scoped屬性可規(guī)定當(dāng)前css只作用于自己的組件帐姻,不影響其他
1啥供、插件安裝 axios
npm install axios —-save-dev
使用? ? 哪個文件需要使用悯恍,就在該文件的js中 導(dǎo)入
import axios from ‘a(chǎn)xios’
2、路由? vuerouter? ? (tips:路由規(guī)則配置均在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)