WEB VUE TS ES6

1. HTML：https://www.runoob.com/html/html-intro.html

html表格生成器：https://c.runoob.com/front-end/7688/

2. CSS：https://www.runoob.com/css/css-tutorial.html

3. JavaScript：https://www.runoob.com/js/js-tutorial.html

4. ES6: https://es6.ruanyifeng.com/#README

直到今天，初学者一开始学习 JavaScript，其实就是在学 3.0 版的语法。

5. VUE3：https://cn.vuejs.org/guide/introduction.html

6. VUE：1面试题：https://zhuanlan.zhihu.com/p/467817954?utm_medium=social&utm_oi=1478775747981078529&utm_id=0

7. TypeScript：http://ts.xcatliu.com/introduction/what-is-typescript.html

主流的编辑器都支持 TypeScript，这里我推荐使用 Visual Studio Code。

它是一款开源，跨终端的轻量级编辑器，内置了对 TypeScript 的支持。

另外它本身也是用 TypeScript 编写的。

TypeScript 只会在编译时对类型进行静态检查，如果发现有错误，编译的时候就会报错。而在运行时，与普通的 JavaScript 文件一样，不会对类型进行检查. TypeScript 编译的时候即使报错了，还是会生成编译结果，我们仍然可以使用这个编译之后的文件。

类型断言（as or <>）只能够「欺骗」TypeScript 编译器，无法避免运行时的错误，反而滥用类型断言可能会导致运行时错误

类型断言将 something 断言为 boolean 虽然可以通过编译.类型断言不是类型转换，它不会真的影响到变量的类型

8. Node：https://www.runoob.com/nodejs/nodejs-npm.html

Node 是 JavaScript 的服务器运行环境（runtime）

npm 是 JavaScript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具，也是世界上最大的软件注册表，里面包含超过600000 个 包的结构，能够使您轻松跟踪依赖项和版本。

• yarn的优点

速度快： npm要等上一个package安装完之后再安装下一个。yarn并行安装，多个package一起安装。如果之前安装过一个软件包，yarn再次安装时会从缓存中获取。npm需要从网络下载。

安装版本统一： yarn默认生成一个锁定文件lock。file记录了安装上的模块的版本号。每一次拉取项目的时候都是一样的模块版本。

更简洁的输出： npm 的输出信息比较冗长。在执行 npm install 的时候，命令行里会不断地打印出所有被安装上的依赖。相比之下，Yarn 简洁太多：默认情况下，结合了

emoji直观且直接地打印出必要的信息，也提供了一些命令供开发者查询额外的安装信息。

多注册来源处理： 所有的依赖包，不管他被不同的库间接关联引用多少次，安装这个包时，只会从一个注册来源去装，要么是 npm 要么是 bower, 防止出现混乱不一致。

更好的语义化： yarn改变了一些npm命令的名称，比如 yarn add/remove，感觉上比 npm 原本的 install/uninstall 要更清晰。

9. vue-cli和vite：https://www.jianshu.com/p/91915c0f5598 、https://www.jb51.net/article/205102.htm

脚手架	vue-cli	create-vue
构建项目		vite
打包代码	webpack	rollup

脚手架：创建项目，选择性安装需要的插件，指定统一的风格，生成demo。

构建项目：建立项目的运行环境，需要手动安装插件。

打包代码：代码写好之后，为了更好的使用，需要打包处理。

10. style:lang属性和scpoed属性：https://blog.youkuaiyun.com/weixin_44435536/article/details/118753354

11. sass：https://www.runoob.com/sass/sass-variables.html

12. element-plus 按需引入，这个不报错：https://blog.youkuaiyun.com/qq_38880700/article/details/128659045