vite创建项目

（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）在项目终端中输入面的命令。

1.安装vite: npm install -g vite@latest2.创建项目： npm init vite@latest 项目名称 -- --template vue-ts3. cd 到项目目录之后运行。

Vite是一个轻量级、运行速度快的前端构建工具，它支持模块热替换（Hot Module Replacement，HMR），可以即时、准确地更新模块，当代码修改时无须重新加载页面或清除应用程序状态。Vite默认安装的插件比较少，随着开发过程中依赖的增多，需要额外进行配置。Vite不需要以命令的方式安装和卸载，只要安装了npm或yarn，就可使用Vite的相关命令创建项目。Vite会作为项目的开发依赖保存在项目的node_modules目录中。

npm create vite@latest yarn create vite yarn create vite my-vue-app --template vue … 页面结构 ↓↓↓ 3. 在 src/main.js 中，导入并使用刚刚创建的路由 4. 在 src/App.vue 中，添加一个 router-view 组件来显示当前路由的内容 …

由于每次创建项目、初始化配置时我都要回去翻各种网课，所以这次打算把这一套流程记录下来。

Win+R输入 CMD 回车后打开CMD命令行已安装 18.3以上版本的NodeJS,js(我们用 NPM 方式安装 输入命令。

Vite是一个由Vue.js团队开发的前端构建工具，它利用了现代浏览器的原生ES模块导入特性，提供了快速的冷启动和即时模块热更新。在开始之前，你需要确保你的开发环境中安装了Node.js。通过以上步骤，你可以快速地使用Vite创建并开始开发一个Vue项目。Vite的高效性能和丰富的插件生态将为你的Vue开发之旅提供强大的支持。目录是你的主要工作区域，其中包含了Vue项目的入口文件。现在，你可以开始开发你的Vue应用了。的新目录，并使用Vue模板初始化项目。构建完成后，你会在项目目录的。访问你的Vue应用。

链接: http://www.jspang.com/detailed?id=66. 创建vue3 npm init vite-app <project-name> cd <project-name> npm install npm run dev 创建react npm init vite-app --template react npm install 安装sass npm i -D sass vite+vue3配置文件 创建vite.config.js文件 const pa

使用vite创建项目

使用vite搭建vue3项目

第三方依赖vue-router，vuex ，element-plus， axios ，qs ，element-plus-icon是vite基础项目的必须依赖，其他依赖可根据自己实际需求来安装。确保你的计算机上已安装Node.js和npm（或yarn，如果你更偏好使用yarn）。在src创建router目录, 在router目录创建index.js，将以下基本内容复制粘贴。在src目录下创建store目录, 在store目录创建一个index.js。在src目录创建一个http目录, 创建两个文件。

解释一下冷启动：它是指输入启动指令后他编译到启动完成的过程； 当你使用vite和webpack后你就会得出这个结论，vite相对于webpack启动速度还是略胜一筹的，当你的项目是小型项目时，不是特别明显。当启动体量较大的项目时，这时就能感受到vite的“魔力”。基于打包器启动时，重建整个包的效率很低。原因显而易见：因为这样更新速度会随着应用体积增长而直线下降。一些打包器的开发服务器将构建内容存入内存，这样它们只需要在文件更改时使模块图的一部分失活[1]，但它也仍需要整个重新构建并重载页面。这样代价很高，并

【vite】搭建完整项目流程、项目配置