一、引言
Vue3:作为最新版本的Vue框架,Vue3带来了Composition API、更好的性能以及更小的体积。 Vite:一款由Vue团队开发的新型前端构建工具,提供了极快的冷启动、即时的模块热更新等特性。 Element-Plus:基于Vue3的桌面端组件库,为开发者提供了丰富的UI组件。 TypeScript:JavaScript的超集,为JavaScript提供了类型系统和对ES6+的支持。 Pinia:Vue的官方状态管理库,自Vue3发布后成为Vuex的替代品。 Tailwindcss:一款功能强大的CSS框架,允许开发者通过类名快速应用样式。
三、安装使用
拉取代码
推荐使用 @pureadmin/cli
脚手架
全局安装
npm install -g @pureadmin/cli
交互式选择模板并创建项目
pure create
从 GitHub
上拉取
git clone https://github.com/pure-admin/vue-pure-admin.git
从 Gitee
上拉取
git clone https://gitee.com/yiming_chang/vue-pure-admin.git
安装依赖
cd vue-pure-admin
pnpm install
启动平台
pnpm dev
项目打包
pnpm build
Docker 支持
自定义镜像名为 vue-pure-admin
的镜像(请注意下面命令末尾有一个点.
表示使用当前路径下的Dockerfile
文件,可根据实际情况指定路径)
docker build -t vue-pure-admin .
端口映射并启动 docker
容器(8080:80
:表示在容器中使用80
端口,并将该端口转发到主机的8080
端口;pure-admin
:表示自定义容器名;vue-pure-admin
:表示自定义镜像名)
docker run -dp 8080:80 --name pure-admin vue-pure-admin
http://localhost:8080
即可预览docker
项目,如下图四、部分截图
前端技术交流群: