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)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 相关概念 混合开发和前后端分离 混合开发(服务器端渲染) 前后端分离后端提供接口,前端开发界面效果(专注于用户的交...
    他爱在黑暗中漫游阅读 2,912评论 4 45
  • 1.脚手架: (1) npm install -g vue-cli (2) vue init webpac...
    苏苡阅读 3,430评论 1 2
  • *Vue vue-router 一、路由 一、导航式路由 路由路径由 <router-link></router...
    JK酱阅读 1,710评论 1 0
  • vue-cli搭建项目 确保安装了node与npm 再目标文件夹下打开终端 执行cnpm i vue-cli -g...
    Akiko_秋子阅读 3,304评论 1 22
  • 我的哥哥董佳霖长着一张标准的“鸭蛋脸”,在他那宽宽的额头上有一丝的抬头纹,可是他才刚刚15岁,在他的脸上只有...
    清云仙梦阅读 245评论 0 0