IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> Vue3.0 项目创建 -> 正文阅读

[JavaScript知识库]Vue3.0 项目创建

1、进入项目路径

在这里插入图片描述

2、创建vue3项目

vue create +项目名称

注意:项目名称要避开特殊名字如echarts、vue等
在这里插入图片描述

3、项目配置

等待后弹出选项窗口,询问用户以什么模板方式进行安装
在这里插入图片描述

Default ([Vue 3] babel, eslint):默认预设配置,会快速创建一个Vue2.0项目,提供了babel和eslint支持

Default ([Vue 2] babel, eslint):默认预设配置,会快速创建一个Vue3.0项目,提供了babel和eslint支持

Manually select features:手动配置项目,可根据项目的需要选择合适的选项,具备更多的选择性

通过上下箭头选中手动方式创建项目,Enter键确定显示如下图片
在这里插入图片描述

Babel:使用Babel将源码进行转码(把ES6=>ES5)
TypeScript:使用TypeScript进行源码编写。使用TypeScript可以编写强类型JavaScript
Progressive Web App (PWA) Support:使用渐进式Web应用程序
Router:使用Vue路由
Vuex:使用Vuex状态管理器
CSS Pre-processors:CSS 预处理器(如:less、sass)
Linter / Formatter:使用代码风格检查和格式化(如:ESlint)
Unit Testing:使用单元测试(unit tests)
E2E Testing:使用E2E(end to end)黑盒测试

使用空格进项按需选择,Enter进行下一步,选择项目版本
在这里插入图片描述
Enter下一步,如图,询问是否使用history路由模式
在这里插入图片描述
Enter下一步,如图,选择一种CSS预处理器
在这里插入图片描述
按Enter下一步,选择代码格式化检查工具
在这里插入图片描述

ESLint with error prevention only:ESLint只会进行错误提醒
ESLint + Airbnb config:ESLint Airbnb标准
ESLint + Standard config:ESLint Standard标准
ESLint + Prettier:代码质量检测+代码格式化工具

Enter下一步进行代码检查方式的选择,通过上下选择,空格选中
在这里插入图片描述

Lint on save:保存时检查
Lint and fix on commit:提交时检查

Enter选择文件存放方式
在这里插入图片描述

In dedicated config files:放到单独配置文件中
In package.json:放到package.json中

Enter下一步设置是否保存当前配置,以后生成新项目时方便快速构建
在这里插入图片描述

Y:保存,后续创建新项目可直接使用改配置
N:不保存,需要重新配置

配置完成后,开始成Vue3.0项目,等待安装相关依赖,完成后如图:
在这里插入图片描述

4、输入提示命令运行项目

cd mystudy
npm run serve

在这里插入图片描述

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-04-22 18:27:19  更:2022-04-22 18:30:47 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 0:27:15-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码