《UI框架搭建》安装了node，就可以使用npm命令。npm init会为你创建一个package.json，问你一些初

只有一个空目录，怎么搭建起来一个框架？

搞一个README，github上的一个仓库
LICENSE，MIT是最宽松的
安装了node，就可以使用npm命令。npm init会为你创建一个package.json，问你一些初始化的要求。
安装vue npm install vue
安装parcel 。不全局安装，npm i -D parcel-bundler -D 是Developer ，给开发者用的包。
运行：由于我们已经在目录里安装了parcel，直接运行parcel所在的路径就可以了，它会自动安装我们需要的东西 ./node_modules/.bin/parcel index.html 完成后，再次运行./node_modules/.bin/parcel index.html ，就会给我们一个端口，打开就可以开发了。但是控制台有一个报错：
说我们现在用的是运行时版本。解决办法：去vue文档，安装那节，找到parcel，如果你仍然希望使用完整版，则需要在打包工具里配置一个别名：

Parcel 在你项目的 package.json 中添加：

{
  // ...
  "alias": {
    "vue" : "./node_modules/vue/dist/vue.common.js"
  }
}

重新配置后，再次运行，还是会报相同的错误。解决办法：不要缓存，

./node_modules/.bin/parcel index.html --no-cache 这样就可以成功看到页面了。

小贴士

这是一个CSS3选择器，表示html，根。

CSS里可以把一种样式定义成变量，把这个变量放在var里给一个选择器。

变量名要以--开头，使用时放在var()里

:root{
        --button-height:32px;
}
.g-button {
        height: var(--button-height);
}

如果想修改，直接修改定义的变量那里的32px就可以了。

想在终端直接打开这个目录对应的github仓库，安装git open

npm i -g git-open

然后只要在终端运行git open 就可以直接打开仓库

上面我们想打开浏览器开发，必须写很长一串./node_modules/.bin/parcel index.html --no-cache

替代方案： npx parcel index.html --no-cache 意思是在当前目录里找parcel的路径，我不知道parcel的路径，npx就是npm去执行一下。