1 Star 0 Fork 1

hzyboy / Vue3-project前端Vue3项目模板

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README
MIT

Vue3-project前端项目模板

基于最新的Vue3 、TypeScript 、Vite 、Pinia等主流技术,从零开始自主搭建的前端工程项目模板,开箱即用,PC端、移动端都适用。

项目说明

  • 使用最新的前端技术栈Vue3 + vite + TS等,截止目前使用最新版本的框架和插件。
  • Git提交代码之前,可以有效阻止console等关键词的提交,可以灵活修改配置。
  • ESlint、prettier等相关配置中都有详细说明,可以更好了解为何如此配置。
  • scripts中包含比较全面的运行脚本配置。
  • 项目模块化规范设置为ES Module。
  • 项目插件和相关库会不断更新至最新稳定的版本。

仓库地址

基础应用

使用

安装依赖

pnpm install ||  npm install

启动服务

pnpm dev  ||  npm run dev

代码打包-可以打包不同环境地址的包

pnpm build ||  npm run build

Lints and fixes files

pnpm lint-eslint

目录结构


vue3-project
  |-.vscode               // VsCode配置
  |-.husky                // husky提交校验配置
  |-build                 // 存放vite插件配置和相关构建js的目录
  |-env                   // 环境变量存储目录
  |-types                 // ts类型定义的公用目录
  |-src
      |─assets            // css、图片、字体包资源
      |─components        // 全局公用组件和页面组件
      |─config            // 可以存放环境等相关配置
      |─directive         // 自定义指令
      |─plugins           // 自定义vue插件目录
      |─router            // 路由配置
      |─service           // 公共api和axios请求方法的目录
      |─store             // 状态管理
      |─models            // 可用来存放前端静态数据的目录
      |─hooks             // 全局公用hooks的目录
      |─utils             // 全局公用方法的目录
      |─views             // 功能页面
      |─App.vue           // vue文件入口
      |─main.ts           // js文件入口
  |-vite.config.ts        // vite配置
  |-.editorconfig         // 编辑器编码设置
  |-.eslintrc             // eslint配置
  |-.prettierrc.cjs       // prettier配置
  |-.gitignore            // git忽略文件配置
  |-postcss.config.cjs    // css预处理和适配的配置文件
  |-commitlint.config.cjs // git提交规范配置
  |-package.json          // npm包管理文件
  |-README.md             // 项目说明

参与贡献

  1. Fork 本仓库
  2. 新建 Feat_xxx 分支
  3. 提交代码
  4. 新建 Pull Request
MIT License Copyright (c) 2023-present 素的还真(LaoYuan) https://gitee.com/yuanxuesheng Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

简介

基于最新Vue3+Vite+TS搭建的标准项目模板,开箱即用,PC端、移动端都适用。 展开 收起
JavaScript
MIT
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/hzyboy1234/vue3-project.git
git@gitee.com:hzyboy1234/vue3-project.git
hzyboy1234
vue3-project
Vue3-project前端Vue3项目模板
master

搜索帮助