使用Vite创建项目是一个相对简单的过程,以下是详细的步骤: 1. 安装或确认已安装Node.js环境 首先,你需要确保你的计算机上已经安装了Node.js。你可以通过运行以下命令来检查Node.js是否已安装以及查看其版本: bash node -v 如果未安装Node.js,你可以从Node.js官方网站下载并安装适合你操作系统的版本。 2. 通过...
$ npm create vite@latest 使用Yarn: $ yarn create vite 使用PNPM: $ pnpm create vite ② 输入vue项目名称,我们这里就叫vite-project 输入项目名称 ③选择使用哪种框架,这里我们当然是选择Vue 了 Vite 不仅仅支持Vue 框架,还支持React、Vanilla、Lit 等前端主流框架 选择Vue框架 ④ 选择Javascript 和TypeScript ...
npm init vite@latest # 使用 yarn yarn create vite # 使用 pnpm pnpm create vite 2、步骤演示 第一步:执行创建命令 命令 第一次可能会提示安装,输入 y 即可!默认创建的是 vue3 项目! 代码语言:javascript 复制 npm init vite@latest 截图 image-20220924110446033 第二步:设置项目名 直接输入,如 vite-vue...
在vite.config.js中可以进行服务器相关配置,比如端口、代理、开启https,如下: 代码语言:javascript 复制 import{defineConfig}from"vite";importvuefrom"@vitejs/plugin-vue";importpathfrom"path";exportdefaultdefineConfig({resolve:{...},plugins:[vue()],base:"/",// 打包路径server:{host:"0.0.0.0",port...
1、npm init vite@latest 安装vite最新版 如果是第一次安装,会提示你安装对应的packages 选择 y 然后输入项目名字 vite-demo 然后选择框架 vue 或 react 默认就是vue3,不支持vue2 然后选择是否使用ts 2、进入项目,安装依赖再运行 cd vite-demo npm i ...
一、 使用Vite创建Vue3项目 1.全局安装vite，使用命令npm install vite -g 2.创建vue3项目，使用命令 npm create vite@latest ,确认项目名 称，选择Vue及TypeScript 3. 使用用vscode打开项目，运行命令 npm install npm run dev 4.整个项目目录结构如下：5.访问页面 二、将打包项目发布到Nginx 1.将打包后...
Vite创建Vue 3项目 Vite提供了两种创建项目的命令,手动创建项目的命令和通过模板自动创建项目的命令。 1.手动创建项目的命令 使用npm或yarn包管理工具都可以搭配Vite手动创建项目,具体命令如下。 #使用npm create命令创建项目 npm create vite@latest #使用yarn create命令创建项目 ...
搭建第一个 Vite 项目 使用npm 1 $ npm create vite@latest 依次输入项目名称,选择vue,typescript即可创建一个项目 照提示,就可以运行项目了 这里需要注意下,如果用用git bash无法切换上下箭头选中的话,可以在vscode的终端中进行操作 eslint 相关配置
1、项目创建成功后,使用命令npm run dev看到终端显示,Network没有显示局域网ipvite v2.9.13 dev server running at: > Local: http://localhost:3000/ > Network: use `--host` to expose ready in 291ms.根据网上查询的资料,有以下几种解决方法:通过修改vite.config.ts 方法解决 ...
此方案采用的统一的 main 入口,所以在构建时需要按需动态的引入路由,在根目录下创建 plugins 文件夹下创建文件 vite-plugin-router.js 插件如下: //PROJECT_NAME 项目名称 运行哪个项目引入那个项目的路由exportdefaultfunctionvitePluginRoutes(PROJECT_NAME) {constvirtualModuleId ='virtual:@vite-virtual-routes';cons...