美文网首页
vue脚手架

vue脚手架

作者: 小帅_Cs | 来源:发表于2018-11-05 19:07 被阅读0次

    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)

    相关文章

      网友评论

          本文标题:vue脚手架

          本文链接:https://www.haomeiwen.com/subject/vkjsxqtx.html