npm init vite@latest # 使用 yarn yarn create vite # 使用 pnpm pnpm create vite 2、步骤演示 第一步:执行创建命令 命令 第一次可能会提示安装,输入 y 即可!默认创建的是 vue3 项目! 代码语言:javascript 复制 npm init vite@latest 截图 image-20220924110446033 第二步:设置项目名 直接输入,如 vite-vue...
$ yarn create vite 使用PNPM: $ pnpm create vite ② 输入vue项目名称,我们这里就叫vite-project 输入项目名称 ③选择使用哪种框架,这里我们当然是选择Vue 了 Vite 不仅仅支持Vue 框架,还支持React、Vanilla、Lit 等前端主流框架 选择Vue框架 ④ 选择Javascript 和TypeScript Vue3 已经全面拥抱TypeScript,所以这里我...
在vite.config.js中为src目录配置一个别名,如下: 代码语言:javascript 复制 import{defineConfig}from"vite";importvuefrom"@vitejs/plugin-vue";importpathfrom"path";...// https://vitejs.dev/config/exportdefaultdefineConfig({resolve:{alias:{"@":path.resolve(__dirname,"src")}},plugins:[vue()]....
1. 以下代码:注意my-vue-app为即将创建项目的名字,可以自行更改 # npm6.x npm init vite@latest my-vue-app --template vue # npm7+, extra double-dash isneeded: npm init vite@latest my-vue-app -- --template vue # yarn yarn create vite my-vue-app --template vue # pnpm pnpm create vit...
使用Vite创建Vue 3项目是一个相对简单的过程。以下是详细的步骤,包括必要的代码片段: 1. 安装或更新Node.js到最新版本 首先,确保你的Node.js是最新版本。你可以通过访问Node.js官网来下载并安装最新版本。 2. 通过npm或yarn全局安装Vite 打开你的终端或命令提示符,然后运行以下命令之一来全局安装Vite: 使用npm: ...
1.运行创建项目命令 2.输入项目名称,默认是 vite-project 3.选择前端框架 4.选择项目类型 5.创建完毕 6.相关插件安装 7.编写 Vue 应用 一、vite介绍 Vite(法语意为 “快速的”,发音 /vit/,发音同 “veet”) 是一种新型前端构建工具,能够显著提升前端开发体验(热更新、打包构建速度更快)。
一、 使用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.将打包后...
vue3 用vite创建项目 1.第一步运行创建命令(npm) npm create vite@latest 1. 注意的地方:首次创建的时候会出现这个直接y就行了 Need to install the following packages: create-vite@latest Ok to proceed? (y) 直接y就行了 1. 2. 3. 2.第二步创建项目名称...
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 相关配置