"dev": "vite":启动开发服务器,用于在开发环境下运行项目。 我们前面通过npm run dev就是在这儿配置的 "build": "vue-tsc && vite build":我们使用TypeScript ,需要将 TypeScript 代码编译为 JavaScript才能运行 "dependencies":列出了项目的生产环境依赖项。 "vue": "^3.3.4":指定了 Vue 的版本为 3.3.4...
第一步:执行创建命令 命令 第一次可能会提示安装,输入 y 即可!默认创建的是 vue3 项目! 代码语言:javascript 复制 npm init vite@latest 截图 image-20220924110446033 第二步:设置项目名 直接输入,如 vite-vue3 image-20220924110506152 第三步:设置包名 默认和项目名一致,我这里就不设置,直接回车了! 第四步:...
my-vue3-project 是你的项目名称,你可以根据需要替换为其他名称。 --template vue 指定了使用 Vue 模板来创建项目。 根据提示完成项目的初始化配置: 在运行上述命令后,系统会提示你输入一些信息,如项目名称、选择框架(Vue)、选择语法(通常是 TypeScript 或 JavaScript)等。 按照提示完成配置后,Vite 会自动为你生...
进入项目(cd vue_project_demo)并运行(npm run serve) 方式二:使用vite-app创建 主要步骤: # 创建工程 npm init vite-app vue_vite_project_demo # 进入工程 cd vue_vite_project_demo # 安装依赖 npm install # 运行 npm run dev 安装依赖(npm run install)后运行(npm run dev) 方式三:使用vite 创建(...
1、 在需要创建项目的目录下打开 cmd,并输入以下命令: npm create vite@latest 2、 之后根据自己所需按照提示操作即可,这里是使用 ts 创建 vue3 项目。 3、 随后使用 vs code 打开项目执行对应命令即可完成项目的创建。 ## 二、修改配置文件 这里我们需要注意到 `vite.config.ts` 这个配置文件,之后我们的配置...
进入命令提示符,输入npm -v,查看版本 小编的npm的版本是9.3.1,所以在终端输入如下代码:npm init vite@latest vue-firstdemo -- --template vue这里的vue-firstdemo是创建项目的名字噢~ 我们的项目创建完成啦,接着根据提示, 输入cd vue-firstdemo进入创建的项目,输入npm install安装依赖。
1 全局安装vite，使用命令 npm install vite -g，如下图所示：2 创建vue3项目，使用命令 npm create vite@latest ,确认项目名称，选择Vue及TypeScript，如下图所示：3 使用vscode打开项目，依次运行命令 npm install npm run dev，如下图所示：4 整个项目目录结构，如下图所示：5 访问页面，如下图所示...
1 创建命令 npm create vue@latest 2 接下来会经历“项目名称” ✔ 请输入项目名称: … hello_vue_1 ✔ 是否使用 TypeScript 语法? …否 / 是(选择是,vue3拥抱ts) ? 是否启用 JSX 支持? › 否 / 是(选择否) ✔ 是否引入 Vue Router 进行单页面应用开发? …否 / 是(选择否,后期可以单独加)...
使用vite 创建 vue3 1、安装 node 22.6.0(命令行) 使用 nvm 安装 node 切换 node 版本:22.6.0 2、搭建项目(命令行) 第一步:...