Coder Social home page Coder Social logo

hooray / fantastic-startkit Goto Github PK

View Code? Open in Web Editor NEW
117.0 4.0 33.0 6.2 MB

一款简单好用的 Vue 项目启动套件,基于 Vue3 & Vite

Home Page: https://hooray.github.io/fantastic-startkit/

License: MIT License

JavaScript 22.36% HTML 1.10% Handlebars 2.38% Vue 13.12% SCSS 4.02% TypeScript 57.01%
pinia startkit template typescript unocss vite vue vue-router vue3

fantastic-startkit's Introduction

Fantastic-startkit

一款简单好用的 Vue3 项目启动套件

官网

特点

  • 支持 TypeScript
  • 默认集成 vue-router 和 pinia
  • 支持基于文件系统的路由
  • 全局组件自动引入
  • 全局 SCSS 资源引入
  • 支持 Unocss
  • 支持 SVG 文件图标、Iconify 图标、UnoCSS 图标
  • 支持 mock 数据,可摆脱后端束缚独立开发
  • 支持 gzip / brotli 优化项目体积,提高加载速度
  • 结合 IDE 插件、ESlint 、stylelint 、Git 钩子,轻松实现团队代码规范

支持

如果觉得模版不错,或者已经在使用了,希望你可以去 Github 或者 Gitee(码云) 帮我点个 ⭐ ,这将对我是极大的鼓励。

star

star

生态

Fantastic-admin
一款开箱即用的 Vue 中后台管理系统框架
One-step-admin
一款干啥都快人一步的 Vue 中后台管理系统框架

fantastic-startkit's People

Contributors

hooray avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

fantastic-startkit's Issues

获取本地IP失败导致启动失败

pnpm run dev 

> @ dev /XXX/我的目录/frontEnd
> vite


   ╔════════════════════════════════════════════════╗
   ║                                                ║
   ║           由 Fantastic-startkit 驱动           ║
   ║                                                ║
   ║   https://hooray.gitee.io/fantastic-startkit   ║
   ║                                                ║
   ╚════════════════════════════════════════════════╝

error when starting dev server:
Error: listen EADDRNOTAVAIL: address not available 198.18.0.217:5173
    at Server.setupListenHandle [as _listen2] (node:net:1800:21)
    at listenInCluster (node:net:1865:12)
    at GetAddrInfoReqWrap.doListen [as callback] (node:net:2014:7)
    at GetAddrInfoReqWrap.onlookup [as oncomplete] (node:dns:109:8)
 ELIFECYCLE  Command failed with exit code 1.

显然,我的本地ip是:192.168.1.132
环境:

 uname -a
Darwin MacBook-Pro.local 23.4.0 Darwin Kernel Version 23.4.0: Sat Jan 27 14:26:10 PST 2024; root:xnu-10063.100.633~14/RELEASE_ARM64_T6000 arm64
➜  frontEnd git:(example) ✗ node -v 
v18.19.1
➜  frontEnd git:(example) ✗ npm -v 
10.2.4

无法提交到git仓库

我的项目git仓库是在/home/rain/Desktop/test目录,然后在仓库中建立目录v1/manager,在这个manager目录中使用了fantastic-startkit(从https://gitee.com/hooray/fantastic-startkit.git 中clone然后复制粘贴过来),也就是说fantastic-startkit的package.json位置是在/home/rain/Desktop/test/v1/manager/package.json

当我根据文档,将package.json中 "postinstall": "simple-git-hooks" 修改成 "postinstall": "cd ../.. && simple-git-hooks" 后,执行pnpm install报错

[ERROR], Was not able to set git hooks. Error: Error: ENOENT: no such file or directory, stat '/home/rain/Desktop/test/package.json'

将package.json文件修改回 "postinstall": "simple-git-hooks",执行pnpm install正常通过。提示

[INFO] Successfully set the pre-commit with command: pnpm lint-staged
[INFO] Successfully set all git hooks

但是当我执行git commit提交时,产生了下面的错误提示,无法提交

ERR_PNPM_NO_IMPORTER_MANIFEST_FOUND  No package.json (or package.yaml, or package.json5) was found in "/home/rain/Desktop/test".

请问要怎样才能正常commit,谢谢

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.