"build": "vue-tsc && vite build":我们使用TypeScript ,需要将 TypeScript 代码编译为 JavaScript才能运行 "dependencies":列出了项目的生产环境依赖项。 "vue": "^3.3.4":指定了 Vue 的版本为 3.3.4,这是项目所依赖的核心库。 "devDependencies":列出了项目的开发环境依赖项。 "@vitejs/plugin-vue": "^...
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 创建(此时使用了pnpm,使用npm也可以) 1、开始创建:pnpm create vite 配置项目名称(vue_vite_project) 2、配置...
Webpack 是先打包再运行,而 Vite 开发时并不打包,而是直接采用 ES Module 运行项目,部署的时候再打包,开箱即用。 3.2.1、使用步骤 初始化项目 yarninit-y 安装Vite yarnadd-Dvite Vite的源码目录就是项目根目录,创建index.html文件,以ES Module的方式引入js文件 在本地5173端口启动一个开发服务器,进行项目调...
创建vite VUE Router 基础项目工程 创建Vite VUE Router 基础项目工程 指定源速度会快很多 1、首先确定安装了node.js 2、使用命令行npm create 开始创建 npm create vite@latest 或指定源 npm create vite@latest --registry=https://registry.npmmirror.com 输入"y"继续下一步 输入工程名 这里输入vuedemo1...
创建项目 官方提供了多种创建命令,如下: 代码语言:javascript 复制 npm init vite@latest yarn create vite pnpm create vite 根据自己的情况选择合适的命令即可,我使用的是pnpm,所以: 代码语言:javascript 复制 pnpm create vite 然后会让给你输入一个项目名称。再选择一个framework,因为我们创建vue3项目,所以选择vue...
1.输入 npm create vite@latest 2.输入项目名字 3.项目创建 选择Vue 选择TypeScript 4.cd my_vue 到项目目录,准备安装依赖 5.npm install 安装依赖 6.运行项目 npm run dev 7.http://localhost:5173/ 打开页面 8.安装router 路由 npm install vue-router --save ...
第一步 创建vue3项目 首先你已经安装好了node.js,这些就不用多说了 如果你没有更换过镜像源,先来更换镜像源 npm config set registry=https://registry.npmmirror.com 然后来创建vite + vue3项目 # 这个命令 只能选择 框架 和 语言,其他模块需要手动安装和并配置 ...
npm create vite@latest my-vue-app -- --template vue ## latest可以换成指定的vite版本 my-vue-app换成自己的项目名 ##本机环境是node16.18.1 npm是8+ 因此使用vite4 ##示例: npm create vite@4.1.0 mumudemo -- --template vue mumudemo项目(基于Vite + Vue项目)│ ...
1.安装Vite:在终端中运行以下命令,全局安装Vite: ``` npm install -g create-vite ``` 2.创建Vue项目:在终端中运行以下命令,并跟随提示进行操作: ```csharp create-vite my-vue-app --template vue ``` 其中,`my-vue-app`是你想要创建的项目名称。 3.进入项目目录:在终端中运行以下命令,进入项目目录...