快速搭建vue项目

安装vue CLI
npm install -g @vue/cli

使用vue ui 配置项目
命令:vue ui
启动完成会自动打开一个ui界面
http://localhost:8000

快速搭建vue项目_第1张图片
创建
快速搭建vue项目_第2张图片
这里包管理器用的npm
快速搭建vue项目_第3张图片
可以使用保存好的预设
快速搭建vue项目_第4张图片
快速搭建vue项目_第5张图片
手动配置插件,按需要配置

babel - es6等转换用的

typeScript - JavaScript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程,支持es6

pwa - 渐进式渐进式增强WEB应用,可以安装成类似本地应用

router - 路由

vuex - vue官方状态管理

linter/Formatter - 规范代码工具,如eslint(可扩展性强)等

Unit Testing - 单元测试,如jest,集成了断言、JSDom、覆盖率报告,react测试友好

e2e Testing - 端到端测试,与单元测试不同,e2e类似站在用户角度的测试

快速搭建vue项目_第6张图片
按需要选择,这里选的less 、 eslint + standard config
快速搭建vue项目_第7张图片
创建项目,会提示是否保存新预设,按需选择是否保存

等待项目创建完成

快速搭建vue项目_第8张图片
后面想要修配置插件啊什么也可以在仪表盘里配置

直接用vscode或idea什么的打开就ok了。
end!

你可能感兴趣的:(快速搭建vue项目)