iT邦幫忙

2021 iThome 鐵人賽

DAY 0
0
Modern Web

番茄時鐘web+PWA+nodeJS系列 第 2

DAY02 - 環境安裝

vscode
pwa+vue一鍵部屬

上一篇講到動機
這篇開始來講環境和部屬

基本上我個人使用的編輯器就是vscode
支持中文且好用 套件又多又方便
搭配soureTree作為git GUI來看(個人git 指令學習中)
然後專案會放在github上閱覽

以下都是假設你已經有安裝node、vue、vue-cli

首先
建立一個vue專案
vue官網也有範本可以用

vue init pwa vue-pwa

然後會詢問你專案相關事宜
https://ithelp.ithome.com.tw/upload/images/20210922/20140471LRKUzQ6zfX.png
稍微說明一下

? Project name [project name] =>填入專案名稱
? Project short name: fewer than 12 characters to not be truncated on homescreen
s (default: same as name) =>專案簡稱,預設同上
? Project description A Vue.js project =>專案描述
? Author [your name] =>作者,當然是你自己囉
? Vue build standalone
? Install vue-router? Yes =>是否需要vue-router,當然需要囉
? Use ESLint to lint your code? Yes =>是否需要ESLint,規範你的程式碼用的
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? Yes =>單元測試,可裝可不裝
? Setup e2e tests with Nightwatch? Yes =>自動化測試,基本上可以不用裝,我是不小心按太快了就裝上去了

基本上這樣就建立好一個PWA的專案啦!


上一篇
DAY01 - 序言&想法
下一篇
DAY03 - 到github放置play
系列文
番茄時鐘web+PWA+nodeJS4

尚未有邦友留言

立即登入留言