pages boilerplate
1.0.0
มีความสุขเสมอที่ได้นั่งร้านไซต์คงที่ที่ยอดเยี่ยมของคุณ
# clone repo
$ git clone https://github.com/zce/pages-boilerplate.git my-awesome-pages
$ cd my-awesome-pages
# install dependencies
$ yarn # or npm install $ yarn < task > [options] # Runs the app in development mode
$ yarn serve --port 5210 --open
# Builds the app for production to the `dist` folder
$ yarn build --productionyarn lint หรือ npm run lintLint ไฟล์สไตล์และสคริปต์
yarn compile หรือ npm run compileรวบรวมไฟล์สไตล์ & สคริปต์ & หน้า
yarn serve หรือ npm run serveรันแอปในโหมดการพัฒนาด้วยเซิร์ฟเวอร์อัตโนมัติ
open : เปิดเบราว์เซอร์เมื่อเริ่มต้น ค่าเริ่มต้น: falseport : ระบุพอร์ตเซิร์ฟเวอร์ ค่าเริ่มต้น: 2080 yarn build หรือ npm run build สร้างแอปสำหรับการผลิตไปยังโฟลเดอร์ dist โดยจะย่อขนาดแหล่งที่มาในโหมดการใช้งานจริงเพื่อประสิทธิภาพที่ดีที่สุด
production : แฟล็กโหมดการผลิต ค่าเริ่มต้น: falseprod : นามแฝงถึง production yarn start หรือ npm run startดำเนินโครงการในโหมดการผลิต
open : เปิดเบราว์เซอร์เมื่อเริ่มต้น ค่าเริ่มต้น: falseport : ระบุพอร์ตเซิร์ฟเวอร์ ค่าเริ่มต้น: 2080 yarn deploy หรือ npm run deploy ปรับใช้โฟลเดอร์ dist กับ GitHub Pages
branch : ชื่อของสาขาที่คุณจะกดไป ค่าเริ่มต้น: 'gh-pages' yarn clean หรือ npm run clean ทำความสะอาดไฟล์ dist & temp
└── my-awesome-pages ································· project root
├─ public ········································· static folder
│ └─ favicon.ico ································· static file (unprocessed)
├─ src ············································ source folder
│ ├─ assets ······································ assets folder
│ │ ├─ fonts ···································· fonts folder
│ │ │ └─ pages.ttf ····························· font file (imagemin)
│ │ ├─ images ··································· images folder
│ │ │ └─ logo.png ······························ image file (imagemin)
│ │ ├─ scripts ·································· scripts folder
│ │ │ └─ main.js ······························· script file (babel / uglify)
│ │ └─ styles ··································· styles folder
│ │ ├─ _variables.scss ······················· partial sass file (dont output)
│ │ └─ main.scss ····························· entry scss file (scss / postcss)
│ ├─ layouts ····································· layouts folder
│ │ └─ basic.html ······························· layout file (dont output)
│ ├─ partials ···································· partials folder
│ │ └─ header.html ······························ partial file (dont output)
│ ├─ about.html ·································· page file (use layout & partials)
│ └─ index.html ·································· page file (use layout & partials)
├─ .csscomb.json ·································· csscomb config file
├─ .editorconfig ·································· editor config file
├─ .gitignore ····································· git ignore file
├─ .travis.yml ···································· travis ci config file
├─ CHANGELOG.md ··································· repo changelog
├─ LICENSE ········································ repo license
├─ README.md ······································ repo readme
├─ gulpfile.js ···································· gulp tasks file
├─ package.json ··································· package file
└─ yarn.lock ······································ yarn lock file
git checkout -b my-awesome-featuregit commit -am 'Add some feature'git push -u origin my-awesome-featureหมายเหตุ : อย่าลืมรวมข้อมูลล่าสุดจาก "อัปสตรีม" ก่อนที่จะทำการดึงคำขอ!
MIT © 汪磊
