vue-cli 脚手架


1、简介

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:

2、示例,步骤: (使用这个模板的示例: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 //启动测试服务 

3、使用webpack模板

  vue init webpack 项目名 

ESLint 是用来统一代码规范和风格的工具,如缩进、空格、符号等,要去比较严格,
[官网](http://eslint.org)


posted @ 2019-02-20 17:37  玥甄  阅读(273)  评论(0编辑  收藏  举报