VueCLI 搭建项目

最新推荐文章于 2024-06-23 20:56:06 发布

前端魔法师

最新推荐文章于 2024-06-23 20:56:06 发布

阅读量176

点赞数

分类专栏： VueCLI 文章标签： vue.js 前端 npm vuecli javascript

本文链接：https://blog.csdn.net/k464746/article/details/109077805

版权

VueCLI 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

安装

官方安装文档
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） 测试