DAY02 - 环境安装

vscode
pwa+vue一键部属

上一篇讲到动机
这篇开始来讲环境和部属

基本上我个人使用的编辑器就是vscode
支持中文且好用 套件又多又方便
搭配soureTree作为git GUI来看(个人git 指令学习中)
然後专案会放在github上阅览

以下都是假设你已经有安装node、vue、vue-cli

首先
建立一个vue专案
vue官网也有范本可以用

vue init pwa vue-pwa

然後会询问你专案相关事宜

稍微说明一下

? 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的专案啦！