- stackblitz Save 记得 Commit，没有 Commit 重进会被 Github 库初始化后覆盖
- stackblitz Commit 大概率会连接失败，多等等别想着退出去重新进参考第一条
- 什么是环境，什么是 node_modules
- Commit 跳过了 gitignore 的忽略
- 运行得先装依赖
yarn install && yarn run dev - Stackblitz 有前端主流框架的初始化模板，不依赖于仓库快速进行研学
要允许所有 StackBlitz 项目使用 Service Workers，请转到浏览器的 Cookie 首选项，并为以下 URL 模式添加例外：
https://[*.]stackblitz.io
https://[*.]webcontainer.io
- 在线
VScode终端在 Web 编辑器中不可用。如需终端可采用上述stackblitz工具或codespace - 登录
GitHub账号的本地VScode于Github dev共享用户配置 - 在线
VScode操作GitHub仓库项目 codespace里的 Web 编辑器分配了运行空间可以使用终端
- svelte-routing ->
react-router-dom - svelte-spa-router ->
vue-router路由规则的配置 - Routify : 是约定式路由解决方案，无需配置路由规则，直接根据目录结构生成路由
- 使用
emotion如React一样进行CSS-IN-JS的样式编写 - Svelte 文件里
style直接写，文件结构与Vue一致
单个组件用style
组件渗透用emotion
- 全局样式策略
/* 通过global.css设置全局样式变量 */
:global(:root){
--header-color: purple
}sveltematerialui
sveltestrap
vite.config.js 文件 plugins 里直接加
plugins: [svelte(),
'@babel/plugin-proposal-optional-chaining',// 可选链
'@babel/plugin-proposal-nullish-coalescing-operator'//双问号
],npm install --save-dev @babel/plugin-proposal-optional-chaining // 可选链
npm install --save-dev @babel/plugin-proposal-nullish-coalescing-operator // 合并操作符
npm install --save-dev @babel/plugin-proposal-logical-assignment-operators // 短路符
npm install --save-dev @babel/plugin-proposal-private-methods // 私有属性关键词"#"
npm install --save-dev @babel/plugin-proposal-partial-application // 函数科里化| 选项 | |
|---|---|
--host [host] |
指定主机名称 (string) |
--port <port> |
指定端口 (number) |
--https |
使用 TLS + HTTP/2 (boolean) |
--open [path] |
启动时打开浏览器 (boolean | string) |
--cors |
启用 CORS (boolean) |
--strictPort |
如果指定的端口已在使用中，则退出 (boolean) |
--force |
强制优化器忽略缓存并重新构建 (boolean) |
-c, --config <file> |
使用指定的配置文件 (string) |
--base <path> |
公共基础路径（默认为：/）(string) |
-l, --logLevel <level> |
Info | warn | error | silent (string) |
--clearScreen |
允许或禁用打印日志时清除屏幕 (boolean) |
-d, --debug [feat] |
显示调试日志 (string | boolean) |
-f, --filter <filter> |
过滤调试日志 (string) |
-m, --mode <mode> |
设置环境模式 (string) |
-h, --help |
显示可用的 CLI 选项 |
-v, --version |
显示版本号 |