vue-cli 脚手架


一、简介

vue-cli是一个vue脚手架,能够快速构建vue项目
vue-cli自己集成了多种项目模板

GitHub连接:https://github.com/search?q=vue-cli&ref=opensearch

模板:
simple:不多简单
webpack:包含ESLint代码规范检查和unit单元测试等
webpack-slimple 没有代码规范检查和单元测试 简化版的
browserify 使用比较多
browserify-simple 简化的 browserify 没有代码规范检查和单元测试
pwa:

二、示例,步骤: (使用这个模板的示例:webpack-slimple)

2.1 安装vue-cli,配置vue的命令环境

  cnpm install vue-cli -g  全局安装

vue 使用工具vue
vue --version 检查vue版本
vue list 列出可用模板

2.2 初始化项目,生成项目

 vue init webpack-simple 项目名称 

2.3 进入生成的项目目录,安装模块

cd 项目名 (注释:进入项目)

 npm install(注释:下载依赖包) 

2.4 运行

 npm run dev //启动测试服务 

三、使用webpack模板

  vue init webpack 项目名  ESLint 是用来统一代码规范和风格的工具,如缩进、空格、符号等,要去比较严格, [官网](http://eslint.org)
相关文章
相关标签/搜索