vue脚手架
2018-11-05 本文已影响0人
小帅_Cs
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)