octopus - UI框架

知识点概括

1. parcei
2. scss
3. Vue 单位件组件
4. CSS变量和：root选择器
5. Vue.component
6. 插槽（slot）
7. $emit
8. props
9. Headless Chrome
10. Karma
11. Mocha
12. Mock
13. npm scipts

项目打包测试流程

打包：webpack、parcel
单元测试： {…} {…}
自动测试： karma、mocha、chai、BDD expect(xxx).to. eq(yyy)
持续集成(travis-CI / circle/CI)
package.json 发布(dist/index.js dist/index.css)
yarn link / npm link

parcel版本的坑

错误：Invalid Version: undefined

在最新版本的Parcel中，这是一个众所周知的问题。

解决此问题的方法是还原到version 1.12.3，或通过更新到Parcel的版本2。您可以通过以下方法做第一个解决方案：

npm uninstall parcel-bundler
npm i --save-dev parcel-bundler@1.12.3

第二个解决方案可以这样完成：

npm i --save-dev parcel@next

git回退版本

git log // 查看版本
git reset --soft [···] // 将版本号粘贴到这里
git reset --hard [···] // 将版本号粘贴到这里

git reset –-soft：回退到某个版本，只回退了commit的信息，不会恢复到index file一级。如果还要提交，直接commit即可；
git reset -–hard：彻底回退到某个版本，本地的源码也会变为上一个版本的内容，撤销的commit中所包含的更改被冲掉

git切换分支

git checkout [名字]

vuepress构建的坑

错误： Cannot find module client.json
把环境变量：development 改成production

vuepress使用

（1）

vuepress坑

坑1 –

坑1 – css丢失