1.创建一个文件夹VueApp,运行cmd转到该目录下,执行命令:npm create vite@latest 2.然后转到vuedemo目录下命令:cd vuedemo, 3.执行命令:npm install。文件夹内会新添加node_modules文件夹和package-lock.json文件。 npm会根据项目根目录下的package.json文件中的dependencies和devDependencies字段来安装所需的包。这些...
一、使用Vite创建Vue3项目 1. 全局安装vite,使用命令npm install vite -g 当前版本vite@4.1.4 2. 创建vue3项目,使用命令npm create vite@latest,确认项目名称,选择Vue (我这里使用的nodejs 版本是14.21.3) 14版本兼容支持vue2,vue3项目下载的依赖和运行。 cd cec-ui-external 进入当前项目 npm install 下载...
执行命令:npm intit vite-app myVue3 可以看到,在Practice文件夹中已经搭建好了一个项目。项目结构如下: 执行命令:cd myVue3 进入项目目录 执行命令:npm install 安装相关模块。 项目结构如下:模块已下载成功。 最后执行命令:npm run dev 启动这个项目 进入地址,当我们看到这个页面时,说明项目已经成功启动了。 (...
1.首先得保证你的电脑安装的node版本是12+的 2.输入以下命令自动化搭建vite-vue3项目 # npm 6.x npm init vite@latest vue3-admin --template vue # npm 7+, 需要额外的双横线: npm init vite@latest vue3-admin -- --template vue # yarn yarn create vite vue3-admin --template ...
执行命令:npm intit vite-app myVue3 可以看到,在Practice文件夹中已经搭建好了一个项目。项目结构如下: 执行命令:cd myVue3 进入项目目录 执行命令:npm install 安装相关模块。 项目结构如下:模块已下载成功。 最后执行命令:npm run dev 启动这个项目 ...
使用命令行: npm create vite@latest // or yarn create vite // 输入项目名称 ✔ Project name: my-vue-app // 选择框架,选择vue ✔ Select a framework: vue // 选择ts 或 js 或 Customize with create-vue // 选择js的则接着第三部分配置依赖 ...
第一步:使用命令行创建工程 在磁盘的合适位置上,创建一个空目录用于存储多个前端项目 用vscode打开该目录 在vocode中打开命令行运行如下命令 代码语言:javascript 复制 npm create vite@latest 第一次使用vite时会提示下载vite,输入y回车即可,下次使用vite就不会出现了 ...
Vite是一个 web 开发构建工具,由于其原生 ES 模块导入方式,可以实现闪电般的冷服务器启动。 通过在终端中运行以下命令,可以使用 Vite 快速构建 Vue 项目。 使用npm: # npm 6.x$ npm init vite@latest<project-name>--template vue# npm 7+,需要加上额外的双短横线$ npm init vite@latest<project-name>-...
Vite的上手使用很简单,直接运行npm create vite@latest命令即可。 npm create其实就是npm init命令,而npm init命令带上包名执行的就是npm exec,也就是执行vite包的默认命令 ——初始化。 输入命令后,需要添加项目名称和技术栈,可以看到可供选择的技术栈有这么几种(如下图) ...
1 全局安装vite，使用命令 npm install vite -g，如下图所示：2 创建vue3项目，使用命令 npm create vite@latest ,确认项目名称，选择Vue及TypeScript，如下图所示：3 使用vscode打开项目，依次运行命令 npm install npm run dev，如下图所示：4 整个项目目录结构，如下图所示：5 访问页面，如下图所示...