方式一:vue-cli创建 主要步骤: # 查看@vue/cli版本vue--version/*@vue/cli 5.0.8*/# 安装或升级@vue/cli npm install -g @vue/cli # 创建 'vue_project_demo'vue create vue_project_demo # 进入项目并启动 cd vue_project_demo npm run serve 1、创建项目名称(vue_project_demo)命令: vue create ...
1、首先确定安装了node.js 2、使用命令行npm create 开始创建 npm create vite@latest 或指定源 npm create vite@latest --registry=https://registry.npmmirror.com 输入"y"继续下一步 输入工程名 这里输入vuedemo1作为 选择vue 在下面这里需要注意需要选择“Cusomize with create-vue”,自定义创建,这样才能自行...
pnpm create vite 然后按照提示操作即可! 你还可以通过附加的命令行选项直接指定项目名称和你想要使用的模板。例如,要构建一个 Vite + Vue 项目,运行: #npm 7+, extra double-dash is needed:npm create vite@latest my-vue-app -- --template vue#cnpmcnpm create vite@latest my-vue-app -- --template ...
1.输入 npm create vite@latest 2.输入项目名字 3.项目创建 选择Vue 选择TypeScript 4. cd my_vue 到项目目录,准备安装依赖 5. npm install 安装依赖 6.运行项目 npm rundev 7.http://localhost:5173/打开页面 8.安装router 路由 npm install vue-router --save 9.安装pinia (vue 状态管理)js可安装vuex...
第一步 创建vue3项目 首先你已经安装好了node.js,这些就不用多说了 如果你没有更换过镜像源,先来更换镜像源 npm config set registry=https://registry.npmmirror.com 然后来创建vite + vue3项目 # 这个命令 只能选择 框架 和 语言,其他模块需要手动安装和并配置 ...
1.1、利用Vite创建Vue项目的命令 npm: npm create vite@latest yarn: yarn create vite pnpm: pnpm create vite (1)提示需要安装(create-vite@5.2.1)此包,是否继续 ? 我们填写 y(yes)按 回车键,进入下一步。 (2)输入要创建的项目名称,按 回车键 进入下一步。
Vue项目创建时,我们见过vue-cli 创建项目和webpack 创建项目等方式。现在Vue 3版本使用npm/pnpm create vue@latest 创建项目,是搭配使用vite工具构建的。创建完成的项目,最明显的去别就是,项目配置文件命名不同,当然,配置语法也有不同。 vue-cli 创建的项目,项目配置文件文件名为vue.config.js,webpack 创建项目的...
在Vue 3和Vite的组合下创建一个项目,可以遵循以下步骤。不过需要注意的是,Vue CLI本身并不直接支持创建Vite项目,因此我们需要使用Vite的官方脚本来完成这一过程。下面是详细的步骤: 1. 安装Node.js和npm 首先,确保你的系统上已经安装了Node.js和npm(Node包管理器)。你可以通过以下命令来检查它们是否已安装: bash...
所以是建议使用@vitejs/app创建项目,命令不同, 结果都一样: 执行npm init @vitejs/app,会让你输入项目名 然后会让你选择vue、react等模板 vue里面有vue和vue-ts模板,选择vue-ts 进入项目,初始化,就可以启动了。项目什么东西都没有,启动非常快,首页访问也非常快,为了验证vite首次启动慢的问题,引入element-plus...