Vue3+TS+Vite+Element-plus创建项目

官网参考:安装 | Vue.jsicon-default.png?t=LA92https://v3.cn.vuejs.org/guide/installation.html#%E5%91%BD%E4%BB%A4%E8%A1%8C%E5%B7%A5%E5%85%B7-cli

设计 | Element PlusA VitePress sitehttps://element-plus.gitee.io/zh-CN/guide/design.html

1、执行命令 

$ npm init @vitejs/app <project-name>
$ cd <project-name>
$ npm install
$ npm run dev

如下图所示:

选择vue

选择vue-ts

安装完成依赖后,执行 npm run dev   

这时候就可以看到一个初始化的项目了

这时候可以安装 Element-plus 插件了,安装方式可以选择如下几种:

# 选择一个你喜欢的包管理器

# NPM
$ npm install element-plus --save

# Yarn
$ yarn add element-plus

# pnpm
$ pnpm install element-plus

也可参考官网安装:安装 | Element Plus

 下图是我的安装过程:

安装完成:

整体看下项目:

 接下来要自己手动安装下vue-router、vuex(或者pinia)等等vue的全家桶、还有Eslint等等这些插件。

猜你喜欢

转载自blog.csdn.net/Zfang678/article/details/121440078