Vite:一款前端构建工具。 官网地址:https://cn.vitejs.dev 二、依赖 1、Node.js。下载和安装环境略过。 三、基于Vite创建Vue3项目 3.1、创建vite npm create vite@latest 之后跟随引导,操作以下3个命令启动程序。 拿到启动url 浏览器启动,启动成功了。 本地文件夹目录如下: 之后,将文件夹目录拖到VSCode。 3.2...
"dev": "vite":启动开发服务器,用于在开发环境下运行项目。 我们前面通过npm run dev就是在这儿配置的 "build": "vue-tsc && vite build":我们使用TypeScript ,需要将 TypeScript 代码编译为 JavaScript才能运行 "dependencies":列出了项目的生产环境依赖项。 "vue": "^3.3.4":指定了 Vue 的版本为 3.3.4...
(一)创建项目npm init vue@latest 在文件根目录下 npm run dev, 查看是否正常打开。 如下图最终返回一个本地地址,输入浏览器访问,能打开就没问题了(此处有提示Network:use–host to expose,该问题可在后面配置中解决,解决后再运行会多出几个局域网访问网址,这样只要和你在一个局域网的人都能通过地址访问你的...
创建的项目没有 router 和 pinia , 需要手动下载 注意:进入项目文件夹后再安装 router 和 pinia # router安装命令 npm install vue-router # pinia安装命令 npm install pinia 编写router 和 pinia router页面: 在src目录下创建一个router文件夹,并在其中创建一个index.js文件。
创建vite+vue3项目 一、开发环境需安装nodejs,若未安装请先前往nodejs官网下载 二、安装vite 工具,命令行执行:npm init vite@latest 可直接选择TypeScript或JavaScript,当然也可以自定义--选择Customize with create-vue 此处我选择自定义,选择需要使用的模块...
npm install -g create-vite. 3. 创建一个新的Vue项目。在命令行中输入以下命令: create-vite your-project-name. 这将会创建一个名为`your-project-name`的新目录,并在其中初始化一个新的Vite项目。 4. 进入新创建的项目目录。在命令行中输入以下命令: cd your-project-name. 5. 启动开发服务器。在命令...
小编的npm的版本是9.3.1,所以在终端输入如下代码:npm init vite@latest vue-firstdemo -- --template vue这里的vue-firstdemo是创建项目的名字噢~ 在这里插入图片描述 我们的项目创建完成啦,接着根据提示, 输入cd vue-firstdemo进入创建的项目,输入npm install安装依赖。
Vite创建Vue 3项目 Vite提供了两种创建项目的命令,手动创建项目的命令和通过模板自动创建项目的命令。 1.手动创建项目的命令 使用npm或yarn包管理工具都可以搭配Vite手动创建项目,具体命令如下。 #使用npm create命令创建项目 npm create vite@latest #使用yarn create命令创建项目 ...
创建项目 vue3的项目我们使用Vite来搭建 Vite官网:https://cn.vitejs.dev/guide/#scaffolding-your-first-vite-project 执行以下命令 npminitvite@latestvue3-element-test--templatevue-ts 接下来下载依赖 cdvue3-element-testnpminstall 下载好依赖,就可以打开本地项目看效果了 ...
第一步:使用命令行创建工程 在磁盘的合适位置上,创建一个空目录用于存储多个前端项目 用vscode打开该目录 在vocode中打开命令行运行如下命令 代码语言:javascript 复制 npm create vite@latest 第一次使用vite时会提示下载vite,输入y回车即可,下次使用vite就不会出现了 ...