要搭建一个基于Vue 2和Vite的项目,你可以按照以下步骤进行操作。这些步骤将帮助你从环境准备到项目初始化,再到安装必要的依赖和配置。 1. 安装Node.js和npm 首先,确保你的系统上安装了Node.js和npm。你可以从Node.js官方网站下载并安装最新版本的Node.js,npm会随Node.js一起安装。 安装完成后,你可以通过运行以...
1. 创建项目(三种方式) 1、pnpm pnpm create vite 2、npm npm init vite@latest 3、yarn yarn create vite 2. 在选择项目类型的时候选择vanilla 3. 安装 vite 对 vue2 支持的插件 pnpm install vite-plugin-vue2 4. 要使用 vite 插件,需要在项目的根目录创建 vite.config.js 文件 import{ defineConfig }...
// 1.进入项目cd vite-vue2// 2.安装依赖npm install// 3.启动项目npm run dev 效果图如下: 1.2 安装vite对vue2支持的插件 在vite-vue2安装:vite-plugin-vue2 // 注意:vite-plugin-vue2的版本为1.9.3npm install vite-plugin-vue2@1.9.3-D 在根目录创建vite.config.js文件,来注册插件 import{define...
终端执行：npm init vite 项目目录名 -- --template vanilla 注意：当前使用vite版本为2.x如果npm命令不存在，请先安装node，下载安装地址：http://nodejs.cn/download/ （2）、cd 项目目录名（3）、npm i 2、安装依赖包/插件 （1）、包：vue@2.6.14，vue2最高版本，生产依赖。通过终端输入：npm view ...
Vite是构建工具的高阶封装。它的内部其实是Rollup。 Vite是尤雨溪随着Vue3正式版 一起发布的一个工具。 最开始Vite是为Vue3服务的一个工具,但随着Vite 2.0发布之后,Vite就是一个独立的构建工具了。 Vite除了能搭建Vue3项目之外,还能搭建react等项目。
建立项目 因为GitHub总是连不上,速度还慢,所以选择了gitee。先在gitee上面建立一个项目: https://gitee.com/naturefw/vue3-blog 然后clone到本地,接下来就是用vite2建立项目了。 按照官网(https://cn.vitejs.dev/guide/#scaffolding-your-first-vite-project)介绍建立项目。
由于项目搭建过程实在繁琐,容易遗忘,每次新建项目还得百度一下怎么搭建,所以写下本文提醒自己,如何搭建一个vite项目以及配置的基本要求。 1.创建vite2项目 命令行中键入以下内容: npm init vite@latest 开始选择模板: 选择模板 这里我们选择vue,给项目命名后选择vue就可以创建完成了,可以看到这是项目结构: ...
vite2搭建项目 首先确保自己的node版本 >= 12.0,然后输入如下命令安装vite npm init vite@latest 然后模板选择vue,使用语言选择vue-ts。说明: shims-vue.d.ts:扩展ts能识别.vue文件 推荐使用vscode + volar开发,volar:是一个语言支持插件,和vetur一样,是适用于vue3使用.vue里面编写的时候智能提示。
目标:用 vite2 + vue3 + Ts 搭建一个开箱即用的最简 ssr 通用项目, 包含必要的 vuexvue-router asyncData header管理。 一 通过官方脚手架搭建一个 vue-ts 的 SPA 项目 首先安装 yarn 包管理工具: 创建一个简单的 vue-ts 项目: // 选择 vue-ts 模版cd demo ...
1.创建项目 vite-vue2-js yarn create vite vite-vue2-js--templatevanilla 2.下载依赖 yarn 3.下载 vue2 相关依赖 yarn addvue@2.7.14vue-router@3.5.2vuex@3.6.2yarn add vue-template-compiler@2.7.14-D yarn add vite-plugin-vue2-D 4.修改相关文件 ...