$ 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 create vite@latest 这个命令实际上是先安装create-vite这个包,然后再执行create-vite命令。 下面来执行一遍: 输入y: 输入项目名称: 选择Vue: 选择JavaScript: 项目创建成功了: 此时项目的文件布局: package.json文件的内容: 切换到my-vite-project目录: 执行npm install命令: 此时项目的文件布局: 执行npm run ...
1、初始化项目 vite提供了对应的npm命令可以创建各种框架的项目,但是vite在创建vue项目时,默认直接创建vue3,因此这里我们使用原生项目进行创建 1.1 创建项目 注意:这里vite的版本采用2.8.0的,最新的版本创建后续会出现问题 npm init vite@2.8.0 后续,安装如图 创建好项目后 // 1.进入项目cd vite-vue2// 2.安装...
$ pnpm create vite<project-name>---template vue $ cd<project-name>$ pnpm install $ pnpm dev 二、安装 前提,先安装nodejs,安装完成后就自动安装了npm,若运行时出现【不是内部或外部命令,也不是可运行的程序或批处理文】的报错,原因是windows执行策略不允许不安全的脚本运行,可以用以下方式解决。 脚本运行...
使用vite 创建 vue3 1、安装 node 22.6.0(命令行) 使用 nvm 安装 node 切换 node 版本:22.6.0 2、搭建项目(命令行) 第一步:...
使用命令行: npm create vite@latest // or yarn create vite // 输入项目名称 ✔ Project name: my-vue-app // 选择框架,选择vue ✔ Select a framework: vue // 选择ts 或 js 或 Customize with create-vue // 选择js的则接着第三部分配置依赖 ...
1.创建vite项目 在命令行中键入npm init vite@latest,输入你的项目名称,比如我的叫vue3-base-template,依次选择vue、javascript后,模板就创建成功了。接下来cd进创建好的模板,在命令行中键入npm i安装依赖,再键入npm run dev启动项目,看到页面正常显示就启动成功了。
首先,我们需要在命令行界面下执行几行命令来创建项目。具体步骤如下: 打开命令行界面(比如终端或者命令提示符)。 输入以下命令:npm create vite@latest my-vue-app -- --template vue 这个命令会创建一个默认的Vite+Vue项目。 进入项目目录: cd my-vue-app 这样我们就进入了项目目录。 安装依赖: npm install ...