$ npm create vite@latest 使用Yarn: $ yarn create vite 使用PNPM: $ pnpm create vite ② 输入vue项目名称,我们这里就叫vite-project 输入项目名称 ③选择使用哪种框架,这里我们当然是选择Vue 了 Vite 不仅仅支持Vue 框架,还支持React、Vanilla、Lit 等前端主流框架 选择Vue框架 ④ 选择Javascript 和TypeScript ...
第一步:执行创建命令 命令 第一次可能会提示安装,输入 y 即可!默认创建的是 vue3 项目! 代码语言:javascript 复制 npm init vite@latest 截图 image-20220924110446033 第二步:设置项目名 直接输入,如 vite-vue3 image-20220924110506152 第三步:设置包名 默认和项目名一致,我这里就不设置,直接回车了! 第四步:...
1.创建项目 pnpm create vite // 1. 根据提示填写项目名称 // 2. 选择Vue框架 // 3. 选择TypeScript语言 2.安装项目依赖 // cd 进入项目路径 pnpm install // 或 // pnpm i 3.运行项目 pnpm run dev 4.设置
1 全局安装vite，使用命令 npm install vite -g，如下图所示：2 创建vue3项目，使用命令 npm create vite@latest ,确认项目名称，选择Vue及TypeScript，如下图所示：3 使用vscode打开项目，依次运行命令 npm install npm run dev，如下图所示：4 整个项目目录结构，如下图所示：5 访问页面，如下图所示...
使用Vite创建Vue项目,可以按照以下步骤进行。这些步骤涵盖了从环境准备到项目初始化和启动的全过程。 1. 安装或确认已安装Node.js环境 确保你的电脑上安装了Node.js。可以通过在命令行中运行以下命令来检查Node.js是否已安装以及它的版本: bash node -v 如果未安装Node.js,请从Node.js官网下载并安装。 2. 通过...
前段时间介绍了使用Vite构建工具快速创建Vue项目(Vue3.0项目创建),本文将进行该项目的开发和发布。目前的Vue版本是3.0.4,通过Vite的打包,就可以部署到服务器进行发布。 项目配置 1、数据来源于bilibili 2、服务器是Nginx 3、项目目录如下 该项目涉及到组件、路由等基础知识。项目成型后的界面如下: ...
一、使用Vite创建Vue项目 shell复制代码npm create vite@latest # npm yarn create vite # yarn pnpm create vite # pnpm 选择Vue和TS 进入项目,并进行pnpm i安装node_modules shell 复制代码pnpm i # 安装 node_modules 包 此时项目文件夹目录为:
Vite创建Vue 3项目 Vite提供了两种创建项目的命令,手动创建项目的命令和通过模板自动创建项目的命令。 1.手动创建项目的命令 使用npm或yarn包管理工具都可以搭配Vite手动创建项目,具体命令如下。 #使用npm create命令创建项目 npm create vite@latest #使用yarn create命令创建项目 ...
## latest可以换成指定的vite版本 my-vue-app换成自己的项目名 ##本机环境是node16.18.1 npm是8+ 因此使用vite4 ##示例: npm create vite@4.1.0 mumudemo -- --template vue mumudemo项目(基于Vite + Vue项目)│ ├── node_modules 目录 (vue 项目的文件依赖存放在这个文件夹。) ...