VueCLI 搭建项目
安装vue create 创建新项目输入vue cerate *创建项目
·
安装
官方安装文档
npm install -g @vue/cli
1.输入vue create *
创建项目
vue create .
默认创建 vue create + 名称
创建项目 文件名 不支持驼峰(含大写字母)
2.选择配置方式
> Default ([Vue 2] babel, eslint) // 默认配置
Default (Vue 3 Preview) ([Vue 3] babel, eslint) // 默认配置
Manually select features // 自定义配置
//↑ ↓ 方向键选择 回车确认
3.手动选择项目所需内容
(*) Choose Vue version 是否选择 vue 版本
(*) Babel 转码器,可以将ES6代码转为ES5代码,从而在现有环境执行。
( ) TypeScript TypeScript是一个JavaScript(后缀.js)的超集(后缀.ts)包含并扩展了 JavaScript 的语法,需要被编译输出为 JavaScript在浏览器运行
( ) Progressive Web App (PWA) Support 渐进式Web应用程序
>(*) Router vue-router(vue路由)
(*) Vuex vuex(vue的状态管理模式)
(*) CSS Pre-processors CSS 预处理器(如:less、sass)
(*) Linter / Formatter 代码风格检查和格式化(如:ESlint)
( ) Unit Testing 单元测试(unit tests)
( ) E2E Testing e2e(end to end) 测试
4.选择vue 版本
5.路由是否采用history模式
6.选择CSS预编译器
7.选择ESlint代码规范
8.选择何时进行代码检测
9.如何存放配置
10.是否保存本次配置
11.完成
若保存配置后,下次可直接使用
更多推荐
已为社区贡献3条内容
所有评论(0)