快速搭建vue项目

2020-01-21  本文已影响0人  漂泊的掳人

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

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

创建 这里包管理器用的npm 可以使用保存好的预设 手动配置插件,按需要配置

babel - es6等转换用的

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

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

router - 路由

vuex - vue官方状态管理

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

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

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

按需要选择,这里选的less 、 eslint + standard config 创建项目,会提示是否保存新预设,按需选择是否保存

等待项目创建完成

后面想要修配置插件啊什么也可以在仪表盘里配置

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

上一篇 下一篇

猜你喜欢

热点阅读