Vue3—使用vite创建工程

原创已于 2023-05-24 20:59:44 修改 · 263 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#npm #前端 #vue.js

于 2023-05-24 20:59:29 首次发布

通过npm命令创建最新版的Vite项目，命名为vite-project，选择所需前端框架和项目类型。完成后，只需三条指令即可运行项目：启动时使用npmrundev。

1.npm create vite@latest

2.默认是 vite-project

3.选择前端框架

4.选择项目类型

5.创建完毕

6.接下来的话，仅需要按照上述出现的三条指令即可完成我们项目的运行

7.启动：npm run dev

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

菜鸟程序员饭饭

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

使用vite创建vue3工程

蜗牛~~

03-14

1948

若遇到npm info: node: --openssl-legacy-provider is not allowed in NODE_OPTIONS的话，就输入set NODE_OPTIONS=""，可以解决，然后在进行npm等命令的操作就不会报错了。入口文件进入-->接着找到对应的路由-->再去分析对应的模块，属于现用先分析的模式，动态引入和代码分割。轻量快速的热重载（HMR）---一修改代码就局部刷新，webpack也具备，但vite更快。开发环境中，无需打包操作，可快速的冷启动---最牛的地方。

Vue3通过Vite实现工程化

weixin_44201223的博客

05-21

736

Vue

参与评论您还未登录，请先登录后发表或查看评论

Vite 创建 Vue3 项目(完整)

最新发布

qq_48032163的博客

10-22

1181

如果你一路跟下来了，那恭喜！一个配置完整的 Vue3 + Vite 项目代码规范配置（不会再被 leader 说代码乱了）一些实用的工具封装（Axios、环境变量这些）有问题评论区留言💬（我会认真回复）写教程真的挺费时间的，这一篇我前前后后写了一周。但看到有人说有帮助，就觉得值了。下一篇讲组合式 API，我先去整理了，争取这周内发出来。咱们下篇见！👋#Vue3 #Vite #前端开发 #项目搭建。

创建vite项目全流程

bestyinjun的专栏

08-04

3238

创建vite项目全流程，router、vuex、axios、eslint

Vite创建Vue3项目

weixin_50117915的博客

01-16

1万+

Vite创建Vue3项目

使用 vite 创建工程

weixin_42087515的博客

07-02

385

官方文档：https://v3.cn.vuejs.org/guide/installation.html#vite vite官网：https://vitejs.cn/ 安装步骤：演示 win+r 打开,输入cmd确定创建工程

使用Vite创建vue3项目

晨曦博客

01-28

717

Vite是一个现代化的前端构建工具，专为快速开发现代Web应用而设计。它与传统的构建工具不同，采用了一种全新的开发模式，旨在提供更快的冷启动、热模块替换和按需编译的能力。Vite的主要特点包括：快速的冷启动：Vite利用ES模块的特性，在开发环境下将每个模块作为单独的文件处理，而不是将它们打包到一个文件中。这样，在启动项目时，Vite只需要进行少量的初始化工作，大大缩短了冷启动时间。真正的按需编译：Vite只会编译当前正在开发的文件，而不是整个项目，这种按需编译的方式极大地提高了开发过程中的编译速度。

【Vue教程】使用Vite快速搭建前端工程化项目 Vue3 Vite Node.js

web15085415935的博客

01-21

1078

前端工程化是使用软件工程的方法来单独解决前端的开发流程中模块化、组件化、规范化、自动化的问题,其主要目的为了提高效率和降低成本。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时环境，可以使 JavaScript 运行在服务器端。使用 Node.js，可以方便地开发服务器端应用程序，如 Web 应用、API、后端服务，还可以通过 Node.js 构建命令行工具等。

【Vue3 + Vite】Vite搭建项目解构 Vue快速学习第一期

Orion

01-28

3185

vue3+vite项目搭建，安装启动停止，项目目录解构，组件说明，CSS导入方式，Vue3实现计数器....

使用vite创建vue3项目

qq_51349542的博客

06-25

403

使用vite创建vue3项目

利用vite创建vue3工程

资浅程序媛，个人公众/头条/百家号：郑州小闲人，关注权限已向你开放

01-03

587

官方创建的前端构建工具。

使用 Vite 创建 Vue3 项目的详细流程

奋斗的小前端

03-25

6703

以上流程涵盖了从环境准备到项目部署的完整步骤，并且提供了在项目开发中常用的技巧与插件，帮助你更高效地进行 Vue3 项目开发。，你将看到 Vue3 项目的默认欢迎页面。

Vue - 使用vite创建工程

qq_33962481的博客

12-26

523

文章目录一、什么是vite二、vite使用流程一、什么是vite vite是新一代前端构建工具二、vite使用流程创建工程 : npm init vite-app <project-name> 进入工程目录 : cd <project-name> 安装依赖 : npm install 运行 : npm run dev ...

使用Vite创建Vue 3项目：2025年最新指南

YAnt的博客

07-26

1391

Vue 3与Vite：现代前端开发新体验本文全面介绍了使用Vite创建Vue 3项目的完整流程与优势。Vue 3带来性能飞跃（体积减少41%）、组合式API和TS支持等革新特性，而Vite则提供极速启动（100-500ms）和即时热更新。文章详细对比了Vite与Vue CLI的差异，并逐步演示项目创建、核心特性实战（组合式API、响应式系统）、进阶配置（路由、状态管理）以及生产构建。这套技术组合显著提升开发效率，适合现代浏览器应用开发，是当前前端开发的优选方案。

vue3+vite

qq_41537514的博客

08-30

302

vite创建

VUE3+vite

weixin_41184962的博客

03-24

4274

vue3 新特性 + vite 防抖和节流 Vue 没有内置支持防抖和节流，但可以使用Lodash等库来实现。如果某个组件仅使用一次，可以在methods中直接应用防抖： <script src="https://unpkg.com/lodash@4.17.20/lodash.min.js">&...

【VUE基础】VUE3第一节—vite创建vue3工程

TT小子的博客

07-03

1505

Vite项目中，index.html是项目的入口文件，在项目最外层。加载index.html后，Vite解析指向的JavaScript。Vue3**中是通过 **createApp函数创建一个应用实例。

Vue使用vite创建工程

05-19

下面是在 Vue 3 中使用 Vite 创建工程的步骤： 1. 安装 Vue CLI ``` npm install -g @vue/cli ``` 2. 使用 Vue CLI 创建 Vue 3 工程 ``` vue create my-vue-app ``` 3. 进入项目目录，安装 Vite ``` cd my-vue...