$ 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执行策略不允许不安全的脚本运行,可以用以下方式解决。 脚本运行...
三.搭建步骤 1.第一种方法:使用NPM构建 cd 进入你要创建项目的目录位置(即你项目要存储的位置,我这儿是:F:\newCodePlace) $ npm init vite@latest 然后按照提示操作即可 注意:此命令直接创建vue3+vite+ts的项目,无需额外手动引入vite和typeScript
使用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启动项目,看到页面正常显示就启动成功了。