vite创建项目

最新推荐文章于 2024-08-22 10:12:23 发布
最新推荐文章于 2024-08-22 10:12:23 发布
阅读量344 收藏 2
点赞数 5
分类专栏： vite 文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_57578828/article/details/140931954
版权

目录

1、打开项目文件夹，通过VScode打开

2、vscode里打开终端（快捷键ctrl+shift+`），输入命令npm create vite@latest

3、这里提示你输入项目名称，根据自己的项目名称输入就行。（我这里随便输的）

4、回车之后，提示选择框架，键盘上下键切换选择（我选择了vue）

5、回车之后，根据编码习惯选择（我选了js）

6、进入到对应文件夹

7、安装npm i

8、npm run dev 运行项目

9、成功运行，可以继续开发啦

1、打开项目文件夹，通过VScode打开

2、vscode里打开终端（快捷键ctrl+shift+`），输入命令npm create vite@latest

3、这里提示你输入项目名称，根据自己的项目名称输入就行。（我这里随便输的）

4、回车之后，提示选择框架，键盘上下键切换选择（我选择了vue）

5、回车之后，根据编码习惯选择（我选了js）

之后根据提示

6、进入到对应文件夹

7、安装npm i

开始安装

安装结束

8、npm run dev 运行项目

9、成功运行，可以继续开发啦

码已呀嘿
关注
专栏目录
vue+Vite创建项目
weixin_66968106的博客
03-30 175
一.Vite是 构建工具，重瞳的脚手架创建（vue create demo）基于的构建工具是webpack。遇到的问题：刚开始使用npm install 安装依赖感觉一直卡着。后面安装了淘宝镜像 使用cnpm install 就解决了。1.第一步安装 npm vite 3.第三步启动项目 （项目创建成功会有提示）2.安装步骤，按照提示操作即可。3.查看一下 cnpm -v。1.首先查看是否安装node。
Vite【二】使用vite创建项目
小祥编程擅长前端
02-03 1973
Vite【二】使用vite创建项目。vite（法语意为 “快速的”，发音/vit/，发音同 “veet”) 是一种新型前端构建工具，能够显著提升前端开发体验。vite比webpack打包工具启动速度快、热更新快，vite使用esbuild（Go编写）预构建依赖，而webpack基于node.js,因此vite比webpack快10~100倍。
vite搭建完整项目
热门推荐
H524268015wsw的博客
06-05 1万+
（4）cd + 项目名称 进入 npm install初始化，简写（npm i） 最后 npm run dev。（2）在src/assets文件夹下新建，scss文件夹(文件名称随意)，在文件夹下新建main.scss文件。（1）点击链接进入，选择使用安装命令。（2）输入命令后，回车，输入项目名称，昵称随意，我这里用的是 viteprojects，回车。（1）点击上方网址，进入vite官网，选择一个命令安装方式。（3）在vite.config.js文件中添加配置。（1）在项目终端中输入面的命令。
全网最全！从下载Visual Studio Code开始构建Vue3+Vite+Cesium开发环境
最新发布
weixin_58570944的博客
08-22 544
6.配置全局安装的模块路径和缓存路径。首先在NVM的安装目录新建两个文件夹node_global和node_cache，创建完两个文件夹后，在cmd窗口中输入配置命令。5.安装Node.js，可以通过nvm list available，命令查看版本号，（偶数是绝对稳定版本 奇数是不一定稳定版本），这里我选择18.20.4版本。通过 NVM，开发者可以轻松地安装、切换和管理多个 Node.js 版本，确保每个项目在其指定的 Node.js 版本上运行，2.找到文件，在vscode中打开，可以看到工程文件。
通过vite创建项目
m0_74356429的博客
04-03 2622
1.安装vite: npm install -g vite@latest2.创建项目： npm init vite@latest 项目名称 -- --template vue-ts3. cd 到项目目录之后运行。
使用vite创建项目
lxl1527431101的博客
07-04 5460
使用vite创建项目
vscode创建vue+vite项目 (1)
qq_46773111的博客
01-14 993
3.随便选个适合自己的位置，我C盘很大，放C盘了。按住ctrl，点击蓝色部分即可。安装好了以后finish。不用动，直接next。右键，集成终端中打开。输入以下代码进行安装。
vue3+vite创建项目-（傻瓜式教程）
01-19
Vue3 + Vite 创建项目教程 Vue.js 是一个流行的前端框架，它的最新版本Vue3引入了许多新特性，如Composition API、Suspense、Teleport等，提供了更好的性能和更灵活的开发体验。Vite是由Vue.js作者尤雨溪开发的一款...
Vue3 + Vite创建项目并完成git管理、组件库导入、Axios安装、设置别名路径联想提示
lbcbjtlhmjq的博客
03-21 1094
由于每次创建项目、初始化配置时我都要回去翻各种网课，所以这次打算把这一套流程记录下来。
创建vite项目
weixin_45286326的博客
05-06 819
创建项目
【详细步骤】使用Vite创建Vue3项目
HQC66666的博客
05-09 7324
Vite是一个轻量级、运行速度快的前端构建工具，它支持模块热替换（Hot Module Replacement，HMR），可以即时、准确地更新模块，当代码修改时无须重新加载页面或清除应用程序状态。Vite默认安装的插件比较少，随着开发过程中依赖的增多，需要额外进行配置。Vite不需要以命令的方式安装和卸载，只要安装了npm或yarn，就可使用Vite的相关命令创建项目。Vite会作为项目的开发依赖保存在项目的node_modules目录中。
vite2.0项目的打开方式探索(一)
峰会路转的博客
07-18 185
尤大神曾说过webpack会被vite取代，那我们还是赶紧上车vite吧 用过vite才体验到那种速度是真的快，项目构建快，本地极快!赞！ 不多说，下面开始进入正题! 按照官网的步骤新建一个项目 改造我们的alias vite.config.js import { defineConfig } from "vite"; import vue from "@vitejs/plugin-vue"; import path from "path"; // https://vitejs.dev/config/ e
手把手教你用Vite构建第一个Vue3项目
再小的帆也能远航，把分享变成一种习惯
09-04 6819
今天就来说说怎么创建第一个Vue3项目。并安装Element Plus 及一些常用配置，最终实现一个简单增删改查页面
vsCode创建一个vue项目
MC_666的博客
02-11 946
vsCode创建一个vue项目
创建基于 Vite 的新项目
wangyining070205的博客
10-02 2737
前些日子学习安装了Vue- CLI，现在官方推荐使用 create-vue 来创建基于 Vite 的新项目。试着安装了一下，感觉更简单了。
VSCode创建Vue项目
qq_26132519的博客
12-13 1222
通过VSCode创建Vue项目 Nodejs安装：下载地址Download | Node.js 下载完成后默认安装，安装完成后打开cmd 输入下面的命令查看是否成功安装，同时验证npm，因为跟node同时安装 安装vetur 安装ESLint 选择终端（Terminal），选择新建终端（New Terminal），通过命令切换到准备存放的文件夹 输入vue init webpack 项目名称，如提示这个错误信息，请往下看 在windows系统中打到windows po...
如何用vite创建vue项目
weixin_46886988的博客
02-07 1568
Vite 需要 Node.js 版本 18+，20+。然而，有些模板需要依赖更高的 Node 版本才能正常运行，当你的包管理器发出警告时，请注意升级你的 Node 版本。在router文件夹下新建index.js文件，在views文件夹下新建index.vue文件。注意：router 文件夹、index.js文件、views 文件夹、index.vue文件最好不要改名字，因为全局配置中会用到。（2）输入命令后，回车，输入项目名称，昵称随意，我这里用的是 viteprojects，回车。
VS Code安装VUE及创建VUE项目
weixin_41575632的博客
11-02 1745
VS Code 安装vue
如何用vite创建项目
03-12
下面是使用Vite创建项目的步骤： 1. 首先，确保你已经安装了Node.js和npm。你可以在终端中运行以下命令来检查它们的版本： ``` node -v npm -v ``` 2. 打开终端，进入你想要创建项目的目录。 3. 运行以下命令...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值