codelinered/vue-skeleton
Composer 安装命令：
composer create-project codelinered/vue-skeleton
包简介
Vue.js Skeleton with Gulp
关键字：
README 文档
README
Table of contents
- Included Third Party Code
- Install Guides
- Project Commands
gulpfile-config.js- Localization
- Links
Included
- jQuery 3
- Bootstrap 5
- Font Awesome 6
- Slick Carousel 1
- LazyLoad 19
- CSS User Agent 2
- Cookieconsent 3
- Vue 3
- Vue Router 4
- Vue i18n 10
- Vue SFC 1
Install Production Build (Recommended)
Open console on your OS and navigate to your project folder. Download zip if you don't have git on your OS.
With Composer
php composer create-project --ignore-platform-reqs --no-dev codelinered/vue-skeleton vue-skeleton "dev-production" && cd vue-skeleton
With GIT
git clone https://github.com/CodelineRed/vue-skeleton.git && cd vue-skeleton && git checkout production
With ZIP
Unix
wget -O vs-prod.zip https://github.com/CodelineRed/vue-skeleton/archive/production.zip && unzip vs-prod.zip && cd vue-skeleton-production
Windows 10+
curl -L -o vs-prod.zip https://github.com/CodelineRed/vue-skeleton/archive/production.zip && tar -xf vs-prod.zip && cd vue-skeleton-production
If you need PHP, you have to go to Install with Docker.
Install Main/ Develop Build
Required
Open console on your OS and navigate to your project folder. Download zip if you don't have git on your OS.
With Composer
php composer create-project --ignore-platform-reqs codelinered/vue-skeleton && cd vue-skeleton && npm i && gulp build && gulp watch
With GIT
git clone https://github.com/CodelineRed/vue-skeleton.git && cd vue-skeleton && git checkout main && npm i && gulp build && gulp watch
With ZIP
Unix
wget -O vs-main.zip https://github.com/CodelineRed/vue-skeleton/archive/main.zip && unzip vs-main.zip && cd vue-skeleton-main && npm i && gulp build && gulp watch
Windows 10+
curl -L -o vs-main.zip https://github.com/CodelineRed/vue-skeleton/archive/main.zip && tar -xf vs-main.zip && cd vue-skeleton-main && npm i && gulp build && gulp watch
Open localhost:3000 for Website.
Install with Docker (optional)
Required
Open console on your OS and navigate to the place where you want to install the project.
Unix
- Start Docker
systemctl docker start - Copy and run commands below
docker run --rm --interactive --tty --volume $PWD:/app composer create-project --ignore-platform-reqs --no-dev codelinered/vue-skeleton vue-skeleton "dev-production" && cd vue-skeleton && docker-compose up -d && xdg-open http://localhost:7702
Windows 10+
- Start Docker Desktop
"C:\Program Files\Docker\Docker Desktop.exe" - Copy and run commands below
docker run --rm --interactive --tty --volume %cd%:/app composer create-project --ignore-platform-reqs --no-dev codelinered/vue-skeleton vue-skeleton "dev-production" && cd vue-skeleton && docker-compose up -d && start http://localhost:7702
Open localhost:7702 for Website.
Project Commands
| Description | |
|---|---|
| gulp | watch files and start BrowserSync |
| gulp build | executes following tasks: cleanUp, favicon, font, img, js, jsLint, jsRequire, jsRequireSAR, json, scss, scssLint, svg, vue, vueJs, vueJsLint, vueLint |
| gulp lint | executes following tasks: jsLint, scssLint, vueJsLint, vueLint |
| gulp cleanUp | clean up public folder |
| gulp favicon | generate favicons |
| gulp font | copy font files |
| gulp img | copy and compress images |
| gulp js | uglify, minify and concat js files |
| gulp jsLint | checks js follows lint rules |
| gulp jsRequire | copy, uglify and rename files for requirejs |
| gulp jsRequireSAR | search and replace text in third party files (use this after every gulp jsRequire) |
| gulp json | copy and minify json files |
| gulp scss | compile, minify and concat scss files |
| gulp scssLint | checks scss follows lint rules |
| gulp svg | copy and compress svg files |
| gulp thankYou | a small thank for you |
| gulp vue | transpile vue files |
| gulp vueJs | transpile vue js files |
| gulp vueJsLint | checks vue js follows lint rules |
| gulp vueLint | checks vue follows lint rules |
| gulp watch | watch scss, js, json, vue, img, font and svg files |
Localization
gulpfile-config.js
| Description | |
|---|---|
| browserSyncConfig | Required - Defines which config is used for BrowserSync (default: browserSyncDev) |
| sourcePath | Required - Path to raw files (default: src/) |
| publicPath | Required - Path to transpiled files (default: public/) |
| systemPath | Optional - Alternative Path to transpiled files on CMS, ECS, PHP Framework, ... (default: path/to/system/) |
| env | Required - Environment dev, test or prod (default: dev) |
Links
codelinered/vue-skeleton 适用场景与选型建议
codelinered/vue-skeleton 是一款 基于 JavaScript 开发的 Composer 扩展包，目前已累计 4 次下载、GitHub Stars 达 0， 最近一次更新时间为 2022 年 12 月 18 日， 在 PHP 生态内属于活跃度较高的组件。
它主要适用于以下技术方向： 「templating」 「jquery」 「bootstrap」 「boilerplate」 「Skeleton」 「cookie」 等业务场景。在实际项目中，围绕这些方向常见需要落地的问题包括：接口对接、性能调优、并发安全、与既有框架（Laravel / ThinkPHP / Yii / Webman 等）的兼容适配，以及生产环境的日志埋点与稳定性保障。
我们在过去多个企业项目中使用过 codelinered/vue-skeleton 或与其功能相近的方案，如果你在选型或落地过程中遇到问题，例如 版本兼容、二次改造、私有化封装、与内部系统对接、生产 BUG 排查，欢迎联系我们协助评估。
基于 codelinered/vue-skeleton 在你已有业务上做功能扩展、字段裁剪、UI 适配、与内部账号 / 权限 / 日志系统的深度对接。
线上偶发问题、内存泄漏、慢查询、并发异常等排查修复；针对高流量场景做缓存、队列、索引层面的调优。
承接完整的项目从需求 → 设计 → 开发 → 上线 → 长期运维；也可按月提供技术保姆服务。
与 codelinered/vue-skeleton 相关的其它包
同方向 / 同关键字的高下载量 PHP Composer 包推荐，方便对比选型：
Shoot aims to make providing data to your templates more manageable
Yii2 LightBox image galary widget uses Lightbox v2.10.0 by Lokesh Dhakar
A Processor for Markup written in PHP. Allows extraction of Markup into a data structure, orchestrated nested manipulation of said structure, and output as (optimized) Markup.
Views for the package MedicOneSystems Livewire Datatables with Bootstrap 4
This is a laravel 4 package for the server and client side of datatables at http://datatables.net/
A jQuery augmented PHP library for creating and validating HTML forms
统计信息
- 总下载量： 4
- 月度下载量： 0
- 日度下载量： 0
- 收藏数： 0
- 点击次数： 21
- 依赖项目数： 0
- 推荐数： 0
其他信息
- 授权协议： MIT
- 更新时间： 2022-12-18