搭建Vite项目

已于 2023-03-14 09:44:54 修改
阅读量364 收藏
点赞数 1
文章标签： vue.js npm javascript
于 2022-11-23 11:03:42 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_64344153/article/details/127996546
版权

1、npm 是 Node.js官方提供的，只要下载Node.js文件就可以使用npm。

2、通过 npm create vite@latest my-vue-app -- --template vue 指令可以实现Vite+Vue项目创建。

3、接着安装模块输入：npm install。

4、最后输入npm run dev就可以启动本地第一个vite项目.

 

 

秋羽先生
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
创建vite项目
weixin_45286326的博客
05-06 738
创建项目
vite搭建vue3项目
09-06
vite搭建vue3项目
vite入门/徒手搭建vite/配置vite/使用vite脚手架/vite步骤
热门推荐
ispaomoya博客
01-13 4万+
vite入门，认识vite，配置vite，了解vite脚手架
vite构建包本地启动
最新发布
Java小白白的博客
05-10 324
在本地启动 Vite 前端项目并进行开发服务器部署需要安装一些 npm 包。这是用于在开发过程中实时预览项目的服务器。目录启动一个静态文件服务器，通常在。这会启动一个开发服务器，通常在。替换为你实际的项目目录。
vue3+vite 搭建项目及常见问题
qq_39460057的博客
01-11 450
原因：使用vite创建vue3.0项目的时候，vite不会自动安装相关的依赖，需要我们手动去安装，连node_modules文件夹都没有。vite不像 node 或 vue cli，会自动帮助我们执行 npm i (install) 命令去下载相关依赖，需要我们手动下载；运行项目时，报错：‘vite’ 不是内部或外部命令，也不是可运行的程序。在vite.config.js中配置。在vite.config.js中配置。在vite.config.js中配置。在vite.config.js中。
vite创建项目命令
老段的CSDN的博客
08-22 1169
3.第三步创建什么框架 找到vue即可。注意的地方：首次创建的时候会出现这个。这三个依次输入vite项目就创建好了。1.第一步运行创建命令（npm）2.第二步创建项目名称。
Error: Cannot find module ‘D:\项目\vite\bin\vite.js‘
weixin_45332196的博客
10-11 7713
Error: Cannot find module 'D:\项目\vite\bin\vite.js'
vite+vue+cesium项目搭建
03-13
vite+vue+cesium项目搭建文档
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化
05-12
vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+vuerouter+pinia+elementplus+ts环境模板搭建及vite打包优化vue3+ts+...
使用vite从头搭建一个vue3项目
04-18
使用vite3搭建的一套简单的vue3项目模板，以供自由学习使用。
vue3移动端项目搭建，vue3+vant+vite+axios+pinia+sass
02-08
在使用项目前请确保已安装node、yarn工具，node版本18+，此项目构建主要集成：axios、pinia、vant、sass、vite和vue3，其中还会介绍到如何跨页面传递数据、国际化配置、rem适配、状态管理持久化储存等功能 ...
vite脚手架打包并部署到服务器，nginx配置入门
jiang7701037的博客
10-23 855
​ 前后端不分离的场景：当你给后端发送请求时， 要在服务端（不一定是nginx服务器，后端服务器如：tomcat）增加一个覆盖所有情况的候选资源（需要给服务器里配置404页面为index.html）。并指定了 /index.html在html文件夹下【此处为什么这样配置，请回忆：history模式和hash的区别（跟后端相关的区别）】​ 前后端分离场景：请求页面时，会找前端服务器（一般是nginx），如果在nginx（的html文件夹）里没有提供路径对应的文件，那就会报404。
【vue3】Vue3 + Vite 项目搭建
weixin_45034639的博客
01-28 2029
Vue3 + Vite + Vant UI
vite搭建项目
weixin_53663431的博客
03-02 583
vite搭建vue3.0项目
搭建 vite + vue3 项目
halo1416的博客
01-27 8612
一、介绍 该文章主要通过 vite + vue3 + vue-router4 + vuex4 + Element Plus + axios + mockjs 搭建项目。 二、通过vite创建项目 1. 通过vite创建 vue+ts 项目 **注意：**经过我的测试，使用cnpm create vite时不能自定义项目名称；所以推荐使用 npm 或者 yarn // 创建项目 => vite-test yarn create vite // 进入 vite-test cd vite-test //
Vite【二】使用vite创建项目
小祥编程擅长前端
02-03 1883
Vite【二】使用vite创建项目。vite（法语意为 “快速的”，发音/vit/，发音同 “veet”) 是一种新型前端构建工具，能够显著提升前端开发体验。vite比webpack打包工具启动速度快、热更新快，vite使用esbuild（Go编写）预构建依赖，而webpack基于node.js,因此vite比webpack快10~100倍。
搭建第一个 Vite 项目
qq_39750019的博客
06-25 246
构建vite项目 1）使用 NPM: npm init @vitejs/app 切换目录， cd vite-project， 初始化npm install 运行 npm run dev 真香，毫秒级的就开启了你的第一个vite项目 2）使用 Yarn: yarn create @vitejs/app 构建一个 Vite + Vue 项目，运行 npm 6.x npm init @vitejs/app my-vue-app --template vue npm 7+, 需要额外的双横线： np..
vite 构建的vue3 项目部署到github
weixin_44717047的博客
09-05 3133
vite 构建的vue3 项目部署到github
vue项目部署
晏的博客
08-06 548
第一步：下载安装node.js（注意不用安装太新的版本），傻瓜式安装完毕即可，不用配置环境变量那些 安装完成之后,输入node -v如果出现版本号，则说明安装成功 第二步：安装依赖，用cnpm，不用npm。有些npm资源是国外资源的原因，经常会导致用npm安装依赖包失败，所以安装npm的国内镜像cnpm速度比较快。 管理员模式进入cmd,执行安装命令：npm install -g cnpm --registry=https://registry.npm.taobao.org 第三步：安装vue-cli脚.
vue3搭建vite项目的流程
04-08
可以直接回答。首先，需要安装新版本的 Node.js 和 npm。...接着，在你的项目根目录下，运行命令 "vite create <project-name>"，即可创建一个基于 vue3 和 vite 的项目。 运行命令 "npm run dev"，即可启动项目。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值