1、创建空文件夹,用vscode打开空文件夹,终端上运行如下命令 $ npm init vite-app [项目名]:初始化项目 $ cd [项目名]:进入项目 $ npm install:安装项目依赖 $ npm run dev:启动项目 2、启动项目后会出现访问地址: 3、进入访问地址: 二、引入elementpuls 1、安装插件 $ npm install element-plus --save ...
使用Vite、TypeScript、Vue3和Element-Plus创建一个项目工程,并遵循一定的项目规范,可以确保项目的结构清晰、易于维护。以下是一个详细的步骤指南: 一、使用Vite创建Vue3+TypeScript项目 初始化项目 打开终端,运行以下命令来初始化一个新的Vite项目,选择Vue框架和TypeScript语言: bash npminit vite@latest 按照提示...
第一步 创建vue3项目 首先你已经安装好了node.js,这些就不用多说了 如果你没有更换过镜像源,先来更换镜像源 npm config set registry=https://registry.npmmirror.com 然后来创建vite + vue3项目 # 这个命令 只能选择 框架 和 语言,其他模块需要手动安装和并配置 npm create vite@latest 这个指令是可以选择安...
1. 首先来安装vite和创建一个项目(myProject), vite 官网:https://vitejs.cn/ 首先安装vite, 这个很简单了: npminitvite@latest 用Vue + vite创建项目 npminit@vitejs/app my-project 进入项目目录并运行看是否搭建成功 cd my-projectnpminstallnpm run dev 如果成功,终端会有如下提示: 然后在浏览器中打开ht...
//在当前项目文件夹下 npm install @element-plus/icons-vue 安装element-plus图片库自动导入的两款插件unplugin-icons 和 unplugin-auto-import：//在当前项目文件夹下 npm install -D unplugin-icons unplugin-auto-import 在项目里的vite.config.ts配置文件配置这两款插件：配置前：import { defineConfig } ...
从0到1的web项目搭建(vue3、vite4、pinia、element plus) #程序员 #干货分享 #编程 #每天学习一点点 - 程序员郑清于20230912发布在抖音,已经收获了79.7万个喜欢,来抖音,记录美好生活!
npm init vite@latest 2)yarn yarn create vite 3)pnpm pnpm create vite 2.2、初始化项目 1)输入项目名称 codets 2)选择框架 通过键盘上下键来选择,此处选择vue 3)选择开发方式 此处选择TypeScript开发方式 4)完成初始化,生成文件夹和文件 2.3、项目结构 ...
1.使用vite创建vue3项目 确保你安装了最新版本的Node.js,然后在命令行中运行以下命令 (不要带上>符号): 前提条件:已安装 16.0 或更高版本的Node.js--个人建议直接下载最新版本进行安装 升级node版本 (1)nodejs升级方式_Monica爱吃饺子的博客-CSDN博客 ...
npm install -g create-vite 2. 创建新项目 使用create-vite 命令创建一个新项目,可以选择 Vue3 作为默认框架。运行以下命令: create-vite my-vue-app --template vue 3. 安装 Element Plus 进入项目目录,安装 Element Plus: cd my-vue-app npm install element-plus ...