$ npm create vite@latest 使用Yarn: $ yarn create vite 使用PNPM: $ pnpm create vite ② 输入vue项目名称,我们这里就叫vite-project 输入项目名称 ③选择使用哪种框架,这里我们当然是选择Vue 了 Vite 不仅仅支持Vue 框架,还支持React、Vanilla、Lit 等前端主流框架 选择Vue框架 ④ 选择Javascript 和TypeScript ...
文件:vite.config.ts import{ defineConfig }from'vite'importvuefrom'@vitejs/plugin-vue'importpathfrom'path'// https://vitejs.dev/config/exportdefaultdefineConfig({plugins: [vue()],resolve: {alias: {"@": path.resolve(__dirname,'src') } } }) 文件:tsconfig.json 在配置项【compilerOptions】...
使用npm或yarn包管理工具都可以搭配Vite手动创建项目,具体命令如下。 #使用npm create命令创建项目 npm create vite@latest #使用yarn create命令创建项目 yarn create vite 1. 2. 3. 4. 上述命令展示了两种包管理工具用于创建Vite项目,在使用时任选其一即可。npm create和yarn create命令后跟一个vite包名,表示初始化...
随后复制local后面生成的当前地址粘贴到在浏览器中打开就可以完成我们使用vite创建一个vue3的项目喽!通常出现了这三条指令之后我们可以直接进我们的vscode执行这些命令也可以实现vue3项目的一个启动 至此,一个vue3的项目成功的被你创建出来喽!~ 6.相关插件安装 1.禁用 Vetur 插件,安装 Volar 插件。 2.VSCode 代码...
04-创建第一个Vite项目 13:19 05-01-依赖预构建简介 08:59 05-02-依赖预构建的esbuild与缓存 08:07 06-01-模块热重载-常用框架集成 05:27 06-02-模块热重载-HMR-API-1 09:58 06-03-模块热重载-HMR-API-2 12:12 07-Vite中使用TypeScript 13:45 08-01-使用Vite创建Vue2项目 07:33 ...
创建项目 官方提供了多种创建命令,如下: 代码语言:javascript 复制 npm init vite@latest yarn create vite pnpm create vite 根据自己的情况选择合适的命令即可,我使用的是pnpm,所以: 代码语言:javascript 复制 pnpm create vite 然后会让给你输入一个项目名称。再选择一个framework,因为我们创建vue3项目,所以选择vue...
## 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 项目的文件依赖存放在这个文件夹。) ...
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项目(Vue3.0项目创建),本文将进行该项目的开发和发布。目前的Vue版本是3.0.4,通过Vite的打包,就可以部署到服务器进行发布。 项目配置 1、数据来源于bilibili 2、服务器是Nginx 3、项目目录如下 该项目涉及到组件、路由等基础知识。项目成型后的界面如下: ...
使用idea或者vscode编辑器，打开本地终端，就是为了在自定义的目录中新建vue项目 2、这边是使用npm创建vite，输入npm create vite@latest ,使用yarrn 可输入 yarn create vite，会有提示，一步步选择vue即可 3、如果想要一个模板，创建一个vite+vue的模板，就输入npm create vite@latest my-vue-app -- --...