新建Vue3项目

最新推荐文章于 2024-10-06 23:30:34 发布
最新推荐文章于 2024-10-06 23:30:34 发布
阅读量287 收藏 3
点赞数 9
文章标签： 前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45764589/article/details/141189116
版权

新建Vue3项目

安装所需编译器和环境

  1. 下载安装编译器Visual Studio Code（下载地址）
  2. 安装nvm（node版本管理）（下载教程）

新建vue3项目

  1. 新建一个文件夹，并使用VSCode打开该文件夹
    在这里插入图片描述

  2. 新建一个终端
    在这里插入图片描述
    打开后如下图所示
    在这里插入图片描述

  3. 下载 20.14.0 版本的node，在终端输入

nvm install 20.14.0

下载完成后查看是否下载成功，在终端输入

nvm list

如下图，显示有 20.14.0 则下载成功
在这里插入图片描述

  1. 选择使用 20.14.0 版本的node。在这里插入图片描述
  2. 新建vue3项目，输入项目名称和包名称，选择各种配置，按照下图即可。

在这里插入图片描述

  1. 按照顺序输入并运行以下三行代码
  cd firstVue
  npm install
  npm run dev

在这里插入图片描述
7. 打开测试页面，项目新建完成，按住Ctrl点击链接
在这里插入图片描述
进入这个页面说明成功了
在这里插入图片描述

丿沉迷学习
关注
创建vue3项目
m0_68705108的博客
05-12 2043
随着前端技术的快速发展，Vue.js 作为一款流行的 JavaScript 框架，不断推陈出新。Vue 3 作为其最新版本，带来了诸多性能提升和新的特性。本文将详细介绍如何使用 Vue CLI（命令行界面）来创建一个完整的 Vue 3 项目。
新建vue3项目
qq_40981804的博客
12-17 1770
src文件夹是核心源代码的所在目录，展开后如下所示（不同版本的vue-cli生成的目录会稍有不同，不过核心都是一样的），正常开发的时候一般只修改​ src​ 文件夹下的文件。│　　　├──　​​router 目录 ​：用来存放 ​index.js​，用来配置路由，定义各个页面对应的URL。│　　　├── main.js​：是项目的入口文件，初始化 vue 实例，并引入所需要的插件。│　　　├──​ app.vue：是项目的主组件，所有页面都是在该组件下进行切换的。
如何创建vue3项目
m0_69502730的博客
08-24 2万+
如何创建vue3项目
vite创建vue3项目
m0_47659279的博客
05-21 2702
这种方式创建的项目最快捷，因为基本依赖都装好了。
使用 Vite 创建 Vue 3 项目
qq_43313093的博客
06-13 4257
以上就是使用 Vite 创建 Vue 3 项目的基本流程。需要注意的是，Vite 的开发服务器采用了快速的 HMR（热更新）方案，相比于传统的打包工具开发效率更高，但在生产环境中需要使用打包工具打包部署。另外，Vite 还有很多其他的特性和插件，可以根据实际需要进行使用和配置。等待片刻后，Vite 就会在浏览器中打开一个新的窗口，你就可以开始开发 Vue 3 项目了。其中，my-vue3-app 是项目的名称，你可以根据实际需要进行修改。
详细vite创建vue3项目(vue3+vue-router+ts+vite+element-plus+pinia)
热门推荐
qq_44423029的博客
08-17 5万+
超详细步骤vite创建vue3项目，技术栈vue3+ts+vite+element-plus+pinia，跟着做就搭出来了（保姆级）
创建vue3项目的三种方式
qi199531的博客
06-28 1万+
安装命令：截图： 安装命令：截图： 安装命令：截图：
mac 基于webstorm新建vue3项目
qq_43806379的博客
03-02 847
新手mac环境使用webstorm新建vue项目的过程
Yarn创建VUE3项目
weixin_45457042的博客
01-06 2164
安装Yarn之前需要先安装npm。
使用脚手架创建Vue3项目
分享思想，留下痕迹。
11-27 2970
大家好，我是Leo哥🫣🫣🫣，最近在复习Vue3相关知识，今天主要想分享一下Vue3创建项目的几种方式。好了，话不多说让我们开始吧😎😎😎。以上便是本文的全部内容，本人才疏学浅，文章有什么错误的地方，欢迎大佬们批评指正！我是Leo，一个在互联网行业的小白，立志成为更好的自己。如果你想了解更多关于Leo，可以关注公众号-程序员Leo，后面文章会首先同步至公众号。本文由博客一文多发平台OpenWrite发布！
创建Vue3项目
快来一起学习前端知识把！加油，前端人
04-05 261
创建vue3项目
使用Vite创建Vue3项目
Asafoetida的博客
07-18 1132
这两种方式也就是用不用ts的区别，如果不用ts，哪种安装方式都可以
Vue-cli创建Vue3项目
爱吃香菜君的博客
06-04 688
那么，在开始 Vue.js 3.0 的开发之前，我们需要先创建一个 Vue.js 3.0 项目。在后续的开发中，我们可以按照 Vue.js 的开发文档进行开发，并且使用 vue-cli 提供的命令行工具来进行构建和打包。vue-cli 是一个由 Vue.js 官方提供的命令行工具，可以帮助我们快速创建 Vue.js 项目。在选择中，我们选择了默认的配置，并且选择了 Vue.js 3.0 版本作为我们的项目模板。安装完成 vue-cli 后，我们就可以使用它来创建 Vue.js 3.0 项目了。
vue3创建项目及基础配置
weixin_43893844的博客
10-09 2291
vue3项目创建，vue-router，pinia，scss配置及使用
「Vue3系列」Vue3起步/创建项目
日常笔记/总结/系列知识梳理
03-02 1180
你可以选择默认配置（Default）来快速创建一个项目，或者手动选择特性（Manually select features）来定制你的项目。Vue CLI 是一个强大的工具，它可以帮助你快速搭建 Vue.js 项目，并且内置了对 Vue Router、Vuex、CSS 预处理器、PWA 支持、单元测试等的集成。命令是 Vue CLI 中的一个重要命令，用于创建新的 Vue.js 项目。这将创建一个优化过的、用于生产环境的版本在你的项目目录下的。这个命令将直接为你创建一个使用 Vue 3 的项目。
前端框架选择指南
weixin_44626085的博客
10-06 1260
前端框架就像一把瑞士军刀，里面装满了各种工具，帮助你高效地构建用户界面。它们不仅提供了一套统一的开发规则，还集合了许多库和实践经验，简化了复杂的Web应用程序开发。想象一下，当你在缝制一件衣服时，你当然希望拥有锋利的剪刀、精准的尺子和坚固的缝纫机。前端框架正是为开发者提供了这样的“工具”。假如前端框架是一个星系，那么React、Angular和Vue.js无疑是其中的三颗耀眼星星。每个框架都有独特的特点与壮丽的生态，但如何选择问心无愧的那一颗，往往直接取决于你的需求。
多台三相逆变器并联（本模型为三台并联，市面上多为两台并联）matlab simulink仿真 功能：实现并联系统中各逆变器输出
最新发布
10-09
多台三相逆变器并联（本模型为三台并联，市面上多为两台并联）matlab simulink仿真。 功能：实现并联系统中各逆变器输出功率均分。 （有能力的话还可以研究下垂特性、功率指令以及静态功工作点三者之间的联系） 控制策略：VSG控制策略（同步机控制） 逆变器主电路：三相逆变器，LCL滤波电路，VSG控制模块。 VSG控制模块：定、转子方程，dq变，电压电流双闭环，预同步，pwm发生器。
Ringtones波点音乐-《Lightning Moment》.mp3
10-09
Ringtones波点音乐-《Lightning Moment》.mp3
onnx2onnx-0.3.1.tar.gz
10-09
onnx2onnx-0.3.1.tar
cli创建vue3项目
06-27
以下是创建Vue 3项目的步骤： 1. **安装Vue CLI**: 首先，确保你的计算机上已经安装了Node.js和npm。然后，打开终端或命令提示符，运行以下命令来全局安装Vue CLI： ``` npm install -g @vue/cli ``` 2. **...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值