尧图网络 高端网站定制 · 原创设计
免费咨询热线
400-888-6620
免费获取方案
Vue3.0项目创建步骤
1新建一个用于存放Vue3.0项目的文件夹我创建的目录是C:\Program Files\project2在【命令提示符】窗口输入以下命令进入新创建的目录cd C:\Program Files\project3在【命令提示符】窗口输入以下命令进入Vue3.0项目的创建向导vue create vue3-demo4这里选择项目模版进行安装我选择Manually select featuresDefaul[Vue2]babeleslint默认预设配置快速创建一个Vue2.0项目Defaul[Vue3]babeleslint默认预设配置快速创建一个Vue3.0项目Manually select features手动选择项目配置更灵活地配置项目(5)Vue-cle提供以下特性供用户选择根据项目需求进行添加配置项通过上下箭头键进行配置项切换使用空格键进行选中/反选选择好了按回车键Choose vue version 是否进行Vue版本的选择Babel 使用Babel将源代码进行转码ES6ES5TypeScript 使用TypeScript进行源码编写使用TypeScript可以编写强类型的javaScript对开发有很大好处Progressive Web AppPWA Support 使用渐进式网页应用PWARouter 使用Vue路由Vuex 使用Vuex状态管理器CSS Pre-processors 使用CSSS预处理器如Less、Sass等Linter/Formatter 代码风格检查和格式化Unit Test 使用单元测试E3E Testing 使用E2E Testing,是黑盒测试的一种6这里是Vue2.x和Vue3.x两种项目类型选择Vue3.x并按回车键7询问是否使用history路由模式如果启用路由模式项目生成后有可能会出现打开的浏览器页面是空白此处不选择history路由模式输入字符n并按回车键8需要选择一种CSS预处理器这里选择Sass/SCSS。CSS预处理器用一种专门的编程语言进行Web页面样式设计然后再编译成正常的CSS文件以供项目使用。Sass/SCSSSass是采用Ruby语言编写的一种CSS预处理语言是最成熟的CSS处理语言。最初是为了配合HAML一种缩进式HTML预编译器而设计的因此有着和HTML一样的缩进式风格。Less是一门CSS预处理语言它扩充了CSS语言增加了如变量、混合函数等功能让CSS更易于维护方便制作主题和扩充。Stylus可以省略原生CSS中的大括号逗号分号类似于python语言风格语法灵活但是维护起来比较麻烦9选择一种代码格式化检测工具选择ESLintStandard config然后按回车键10选择代码检查方式选择Lint on saveLint on save 保存时检查Lint and fix on commitrequires Git提交时检查11设置Babel、PostCSS、ESLint等配置文件如何存放为了方便配置清晰好看选择为每个配置创建单独的文件选择In dedicated config files 。In dedicated config files 放到单独配置文件中In package.json放到package.json中12是否需要保存当前配置为以后生成行项目时快速构建这里输入n并按回车键不保存13项目安装完后进入项目vue3-demo目录运行命令npm run serve14在浏览器地址栏中输入http://localhost:8080/可以访问生成项目的主页浏览器中显示的结果如下
RELATED

相关推荐

半导体基础知识和组合电路分析

半导体基础知识和组合电路分析

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

📅 2026/10/24 1:55:46
windows 域控-共享设置

windows 域控-共享设置

/* MD / 富文本中的 .toc(含博客园搬家等嵌套结构);.toc-box 在侧栏,不受影响 */#content_views .toc,/* 编辑器常在目录前后插入空 p(:empty 仍占 20px),一并去掉避免顶空隙 */#content_views.markdown_views > p:empty:has(+ .toc),#content_views.markdown_views …

📅 2026/10/24 1:55:46
基于FPGA实现Aurora协议,概念

基于FPGA实现Aurora协议,概念

FPGA实现Aurora协议完整指南 Aurora协议是Xilinx开发的一种轻量级、可扩展的高速串行通信协议,专为FPGA之间的点对点数据传输而设计。本文将极其详细地讲解如何基于FPGA实现Aurora协议,从原理到实战,让你彻底掌握这一关键技术。 一、Aurora协…

📅 2026/10/24 1:55:46
MORE NEWS

更多资讯

📰

AI Agent工程师技能拆解:从工程基础到实战调优

1. 先想清楚:AI Agent 工程师到底在做什么这两年“AI Agent”这个词被炒得很热,身边不少写代码的朋友都在问同一个问题:怎么成为一个 AI Agent 工程师?我的回答通常是反问他一句——你先想清楚,你要做的到底是“用大模…

📰

基于STM32的永磁同步电机无感FOC控制策略与工程实践

引言:为什么大家都在搞无感FOC三年前我第一次拿到一块带FOC库的开发板,运行例程让电机转起来那一刻,说实话有点懵——电机嗡嗡响着转得挺欢,但代码里我没接任何位置传感器。霍尔没焊、编码器没插,就靠三相电流和母线电…

📰

PLC停车场仿真项目实战:梯形图设计、计数逻辑与联调全记录

一个停车场PLC仿真项目,听起来不算复杂,等你真把16个车位的进出逻辑、栏杆时序、满位判断全部码进梯形图,才会体会到什么叫“麻雀虽五脏俱全”。入口一个栏杆、出口一个栏杆、中间一排车位灯,看着简单,背后是计数器、顺…

📰

西门子1200立库码垛AGV系统程序架构与调试实战解析

做了几年工业自动化项目,接触过不少立库、码垛、AGV联动的项目,但第一次看到这个标题的时候我还是点进去了。“西门子1200立库机器人码垛机伺服视觉AGV程序大揭秘”——说实话,这种把一整套产线所有核心设备都塞进一个标题里的项目&#xff0…

📰

基于MATLAB与CarSim的MPC紧急换道避障联合仿真实践

做这个项目的起因其实挺直白:我在验证紧急避障工况下的MPC跟踪效果时,急需一套能“真跑起来”的仿真环境。纯用Simulink自己搭车辆模型,轮胎和悬架的非线性很难整得靠谱;纯靠在CarSim里调内置控制算法,又没法灵活改代价…

📰

手写滑动窗口协议:从socket原语构建TCP核心机制

简介:本资源是一份面向计算机网络课程学习者与C语言初学者的实践型编程实验材料,聚焦数据链路层滑动窗口协议原理理解与TCP套接字编程实现。通过完整构建1bit滑动窗口协议的发送端与接收端逻辑,帮助读者深入掌握可靠传输机制中窗口管理、ACK确…

TODAY

今日更新

THIS WEEK

本周精选

THIS MONTH

本月热门

读完文章,想聊聊您的网站?

告诉我们您的行业与需求,资深顾问一对一梳理方案与报价,全程免费。

📞 💬