美文网首页
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脚手架: vue-cli@3.0.5

    Vue脚手架vue-cli3.0.5 脚手架安装 脚手架vue-cli3.0.5的使用 2.创建vue项目 开发环...

  • 使用vue-cli搭建vue项目

    vue-cli vue的脚手架 安装脚手架之前需要安装node.js 安装脚手架 安装vue-cli 创建vue项...

  • Vue脚手架Element-UI

    Vue脚手架 Vue脚手架可以快速生成Vue项目基础的架构。A.安装3.x版本的Vue脚手架:npm instal...

  • vue 中的npm 的一些安装

    vue脚手架 vue-cli vue脚手架 包的安装 @(指定版本) 脚手架的两种模式 sass vuex B...

  • class1 vue cli3安装

    vue工程脚手架 关闭vue脚手架的eslint 启动vue ui服务 终端输入vue ui,启动vue项目管理器...

  • VUE----使用脚手架创建vue项目

    学习了vue的基础之后尝试使用脚手架创建一个vue项目 1.全局安装vue脚手架: 安装完成之后,vue脚手架文件...

  • 脚手架

    安装脚手架:vue -处理(脚手架) cnpm install vue-cli -gwe...

  • 纯webpack搭建vue脚手架,单页面应用

    # vue脚手架 ## 说明 ``` vue webpack 自定义脚手架,单页面应用, 支持多进程打包 vue ...

  • Vue脚手架

    5.1 介绍并安装3.x版本的vue脚手架 脚手架基本用法介绍Vue脚手架: 用于快速生成 Vue 项目基础架构理...

  • 03、Vue-cli构建项目

    一、Vue-cli脚手架工具 Vue-cli是Vue的脚手架工具,是官方命令行工具 (CLI),脚手架即编写好基础...

网友评论

      本文标题:vue脚手架

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