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)

上一篇下一篇

猜你喜欢

热点阅读