vue-cli
2017-01-14 15:44
267 查看
vue-cli 脚手架 (提供基本的项目结构)
集成的项目模板
webpack
webpack-simple(不包含代码规范检查和单元测试)
browserify
使用流程
1.安装
npm install vue-cli -g 安装vue命令环境(全局)
2.验证
vue --version
3.生成项目模板
vue init 模板名 本地文件夹名
vue init 模板名#1.0 本地文件名
ESLint 代码检查器(书写规范,标准的书写规范)
不要使用Tap缩进
缩进 2个空格
()两边有空格
: 后面跟空格
import form 后面不能跟分号
4.下载模块代码需要(目录下)
npm install(根据webpack.config.js配置下载)
5.编译
npm run dev (默认8080端口)
6.打开
local host:8080
集成的项目模板
webpack
webpack-simple(不包含代码规范检查和单元测试)
browserify
使用流程
1.安装
npm install vue-cli -g 安装vue命令环境(全局)
2.验证
vue --version
3.生成项目模板
vue init 模板名 本地文件夹名
vue init 模板名#1.0 本地文件名
ESLint 代码检查器(书写规范,标准的书写规范)
不要使用Tap缩进
缩进 2个空格
()两边有空格
: 后面跟空格
import form 后面不能跟分号
4.下载模块代码需要(目录下)
npm install(根据webpack.config.js配置下载)
5.编译
npm run dev (默认8080端口)
6.打开
local host:8080
相关文章推荐
- vue-cli打包之后的项目在nginx的部署
- 新版vue-cli搭建多页面应用
- vue-cli打包成apk的完整方法和打包成app所遇到的问题
- vue-cli#2.0 webpack 配置分析
- 详解vue-cli 接口代理配置
- vue-cli简单使用心得
- 介绍vue-cli脚手架config目录下index.js配置文件
- vue-router和vue-cli以及组件之间的传值
- 关于webpack和vue系列框架(vue-cli),后台返回本地图片的url在本地显示不出来
- vue-cli环境升级
- vue-cli 属性绑定高级用法 class 对象方法
- 利用vue-cli脚手架搭建项目时,在我入门时开启了eslint 一直报黄色的警告 有时候非常的烦恼 所以我要去掉它
- vue-cli 和 express+mongodb结合!
- 通过vue-cli来学习修改Webpack多环境配置和发布问题
- 搭建前端vue环境,安装vue-cli遇到Please try running this command again as root/Administrator的解决方案
- vue-cli项目修改文件热重载失效
- 使用vue-cli快速搭建大型单页应用
- vue-cli 构建的项目中使用 Less
- vue-cli axios请求方式及跨域处理问题
- vue-cli 该如何正确打包iconfont?