vite项目初始化，只需要4句话。

最新推荐文章于 2024-08-02 17:09:30 发布
最新推荐文章于 2024-08-02 17:09:30 发布
阅读量1.2k 收藏
点赞数
文章标签： vue javascript vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37638969/article/details/113345104
版权
本文档介绍了如何使用npm初始化一个新的项目，通过`npm init`命令创建项目配置文件，然后进入项目目录，利用`npm install`安装依赖，最后运行`npm run dev`启动项目开发环境。这是一篇关于前端开发流程的基础教程。
摘要由CSDN通过智能技术生成

1、 npm init vite-app <project-name>

2、 cd <project-name> //进入项目目录

3、 npm install //安装项目所需依赖

4、 npm run dev //启动项目

我是梅长苏
关注
Vite + Vue3 实现前端项目工程化
前端知识分享喵
05-10 873
Vue3 发布至今，周边的生态、技术方案已足够成熟，个人认为新项目是时候切换到 Vite + Vue3 了。今天就给大家操作一下这种技术方案实现前端工程化。
vite vue3 规范化与Git Hooks - 基于 vite 创建 vue3 全家桶项目(续篇）
youyacoder的博客
10-14 557
hooks意思是“钩子”，也就是在执行某个操作之前或之后要做的事。git hooks 就是 git 操作的钩子，在 git 执行某个操作之前或之后要做的事，如 git 提交后、提交后、合并前、合并后、rebase前、rebase后等。pre-commitpre-commit是git commit执行前的钩子，会在获取提交描述信息且提交前被调用，根据该钩子决定是否拒绝提交。可以在这个钩子中对代码进行 eslint 检查。commit-msgcommit-msg也是git commit。
Vite-demo：使用vite工具，初始化vue3.x项目
02-13
使用vite npm install ( or `yarn` ) npm run dev ( or `yarn dev` )
vite 项目初始化（ts）
qq_51622532的博客
08-11 2575
vite 搭建 vue 项目
vue3（vite）配置环境变量
最新发布
weixin_55049839的博客
08-02 1184
一般在开发时候最常用到(development)开发环境、(production)生产环境、(test)测试环境。在vue3根目录创建三个文件，分别为：.env.development 、.env.production 、.env.test
01-初始化Vite项目
bee-code的博客
07-31 1938
文章目录创建项目???? 目标???? 准备开发环境初始化Vite启动项目???? Coding精简 HelloWorld.vue精简 App.vue???? 验证 创建项目 ???? 目标 用 vite2 创建 vue3 + TypeScript 项目，并精简项目代码。 ???? 准备 开发环境 名称 版本 Node.js 14.17.3 NPM 6.14.13 ???? 以上是我的本地环境。 初始化Vite 执行初始化命令后会有提示，按提示操作即可（上下键选择、回车确认）。
Vite构建项目化工具初始化项目
GarbageO_O的博客
05-11 314
main.ts里createApp方法是由vue3框架提供，可以用来创建应用实例。其中src/assets里放置的是多个组件共用的静态资源；D1.检查node版本：（至少要16+，最好是最新版）App.vue为根组件；
Vite 项目初始化配置
weixin_43368335的博客
02-19 4692
一、环境变量设置 （dev,prod） 新建.env.development.env.production放在根目录 和vue-cli相同 不过变量名修改为 VITE_APP_XX 页面使用import.meta.env 二、scss css预处理器使用 直接下载npm install sass -D 页面style lang="scss" 即可使用 无需下载node-sass sass-loader等webpack loader 三、样式的兼容性添加（autoprefi...
vue初始化后没有build目录_解决vue项目 build之后资源文件找不到的问题
weixin_39615991的博客
12-23 9437
解决静态资源失效的问题这就需要修改我们的 config 中的 index.js了，默认的build 中的部分是这样的：build: {// Template for index.htmlindex: path.resolve(__dirname, '../dist/index.html'),// PathsassetsRoot: path.resolve(__dirname, '../dist')...
vite解析 + 搭建vite-pro大型公司MIS项目实践，真香
德莱问的博客
04-23 1141
hello，大家好，我是德莱问，今天为大家带来vite解析。 最后提供一个使用vite+react+concent的一个后台项目。 写在前面的话 vite，号称是下一代前端开发和构建工具。vite的出现得益于浏览器对module的支持，利用浏览器的新特性去实现了极速的开发体验；能够极快的实现热重载(hmr). 开发模式下，利用浏览器的module支持，达到了极致的开发体验； 正式环境的编译打包，使用了首次提出tree-shaking的rollup进行构建； vite提供了很多的配置选项，包括vite本身的配
vite vue3 规范化与Git Hooks
「 虚幻私塾」
10-15 236
hooks意思是“钩子”，也就是在执行某个操作之前或之后要做的事。git hooks 就是 git 操作的钩子，在 git 执行某个操作之前或之后要做的事，如 git 提交后、提交后、合并前、合并后、rebase前、rebase后等。pre-commitpre-commit是git commit执行前的钩子，会在获取提交描述信息且提交前被调用，根据该钩子决定是否拒绝提交。可以在这个钩子中对代码进行 eslint 检查。commit-msgcommit-msg也是git commit。
Vite脚手架+Vant组件库初始化前端项目
m0_73966521的博客
06-28 705
Vite 可以被视为一个优化了的构建工具，特别针对 Vue 3 的开发。在前端开发中，脚手架（Scaffold）是指一个用于快速搭建项目基础结构的工具或模板。脚手架包含了项目所需的基本文件结构、配置文件、依赖管理等内容，使开发者能够更快速地开始项目开发，而不必从头开始搭建整个项目结构。总结起来就是，我们准备开始搭建项目的时候，不需要自己从0到1全部自己写，我们可以去网上拉写好的脚手架下来。新建一个项目文件夹，并打开cmd（在项目目录中直接打开），运行npm create vite。
vite+vue3项目初始化搭建
NOfighting的博客
07-18 1260
在src/components文件夹目录下创建一个index.js文件：用于注册components文件夹内部全部全局组件！顾名思义，开发使用的环境，每位开发人员在自己的dev分支上干活，开发到一定程度，同事会合并代码，进行联调。(正式提供给客户使用的环境。在开发项目的时候文件与文件关系可能很复杂，因此我们需要给src文件夹配置一个别名！在style/variable.scss创建一个variable.scss文件！1.创建src/router/index.js文件，使用路由懒加载，优化访问性能。
2024最新版Vue3+Ts+Vite初始化项目框架（保姆级）
m0_65789515的博客
05-16 2608
一句话总结：使用vite构建项目，启动的速度要比使用webpack构建更快。
“npm create vite“ 是如何实现初始化 Vite 项目？
Cyj1414589221的博客
12-05 7362
我们使用 npm create vite 命令来快速初始化一个 Vite 项目；这是如何实现的呢？本文将从头分析 create-vite 创建一个 Vite 项目流程的原理。
使用vite搭建vue3.2项目，包含vuex+router+element-plus+ts；项目初始化完整版教程
Shivy_的博客
05-21 1850
使用vite搭建vue3.2项目，包含vuex+router+element-plus+ts;项目初始化完整版教程
Vite + Vue 项目创建和初始化
qq_60271706的博客
09-29 450
1. 在命令行创建基于vite+vue的项目2. 安装依赖> yarn3. 启动项目yarn dev。
Vite基本使用
热门推荐
m0_66711291的博客
05-28 1万+
文章目录什么是vite创建项目1. 输入2. 安装vite3. 配置项目的基本信息4. 预览效果配置项目配置项配置vue.config.jsvue-routervuexaxiosless 什么是vite vite是vue官方推出的一个打包工具，打包速度比webpack要快得多，具体为什么快我看不懂。 总之就是一个打包工具，也可以代替脚手架来创建项目 创建项目 按照下面的命令可以创建出一个项目 1. 输入 npm init vite@latest 或者 npm create vite@latest 2
【Vue + TS】项目架构、环境搭建 -------（Vite)安装初始化（一）
@小小童会吃糖
01-12 4691
【Vue + TS】项目架构、环境搭建，本篇文章是 Vue项目基于 Vite初始化的过程，借此记录一下，巩固基础！
Vite项目初始化与路由设置教程
初始化Vite项目是一个关键的步骤，它涉及到创建一个新的Vite项目结构、安装必要的依赖以及配置路由。以下是对这个过程的详细说明： 1. **选择项目目录**: 在开始之前，你需要选择一个方便存放项目代码的目录。推荐...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值