网页前端设计用什么软件前端开发软件工具( 二 ) _知识分享

自定义包源：Yarn允许配置自定义包源，这对于需要使用特定镜像或私有存储库的项目非常有帮助。这为开发者提供了更大的灵活性，以适应不同的项目要求。
Yarn提供了一种高性能、可靠且易于使用的包管理工具，适用于前端开发项目。它的版本锁定和离线模式等功能使其在复杂的项目环境中尤为有用。选择使用npm还是Yarn取决于您的项目需求和个人偏好，但无论您选择哪一个，都可以提高包管理的效率。
04 笔记工具① boardmix
boardmix是一款跨平台的笔记工具，有点接近微软推出的OneNote，但功能比OneNote更强大。
boardmix可以帮助程序员将各种信息和想法整理成文档、文档卡片、思维导图、便签等形式，支持文字、代码块、图片、表格、链接等多种内容的插入，还可以通过标签和容器来组织和分类笔记。此外， boardmix还支持手写和音视频通话功能，方便程序员在会议或讨论中进行记录。

文章插图
*跨平台笔记工具boardmix
跨平台笔记工具boardmix的特点：

实时保存，跨平台自动同步
融合了代码块、思维导图、流程图、文档、看板、表格、PPT等功能，支持在笔记中添加多种形式的内容，满足多样化的记录或协作需求
AIGC创作功能，可用AI快速生成生产级别的代码
兼容多种第三方应用，如Figma、Pixso、腾讯会议、腾讯文档、Notion、高德地图、亿图图示、金数据等，在一个无限画布上同时使用或浏览多个应用
文档支持富文本编辑和简单的Markdown编辑两种模式
支持导出多种文件，包含Markdown、图片、PDF、CSV、JSON、TXT等

② Evernote
Evernote是一款功能强大的云端笔记应用，它可以帮助程序员随时随地记录和整理自己的想法、代码片段、技术文档等。Evernote支持多种格式的笔记，包括文字、图片、音频和视频等，还可以通过标签和笔记本来组织和分类笔记。
③ Typora
Markdown笔记软件是程序员常用的一种笔记工具，它使用简洁的标记语法来编写和格式化文本，可以帮助程序员记录和整理代码片段、技术文档、项目文档等信息。
市面上可选择的Markdown笔记软件非常多，其中最具代表性的是Typora 。Typora是一款跨平台的Markdown编辑器，它提供了实时预览功能，可以让程序员在编写的同时实时查看渲染后的效果。Typora支持多种导出格式，如PDF、HTML等，方便用户分享和发布笔记。
05 前端构建工具① Webpack
说到前端构建工具，不得不提许多前端工程师都逃不过的 Webpack，我们先来看一下 Webpack 中文文档对 Webpack 的介绍：
Webpack，是一个用于现代 JavaScript 应用程序的静态模块打包工具。当 Webpack 处理应用程序时，它会在内部从一个或多个入口点构建一个依赖图(dependency graph)，然后将你项目中所需的每一个模块组合成一个或多个 bundles，它们均为静态资源，用于展示你的内容。
如果是第一接触 Webpack 的朋友，看完这段介绍应该还是一脸懵逼，不知道 Webpack 到底能用来干什么。
随着前端变得越来越复杂，我们在使用框架编写项目时，可能会有下面这些行为：

引入各种各样的模块来实现模块化开发

使用一些高级特性来加快开发效率或提升安全性，例如使用 Sass、Less 等方式来编写 CSS 样式代码

开发完成后需要对代码进行压缩、合并等，优化页面的打开速度

以其中的 Sass 样式文件为例，浏览器默认情况下只能渲染 CSS 文件，而不认识这里的 Sass 文件，要想将 Sass 文件转换为浏览器可读取的 CSS 文件，就需要用到 Webpack ，实现 Sass 到 CSS 的自动转换。
除了 Sass 文件，Webpack 还可以将 ES6 语法的 JS 代码转换为 ES5，将 TypeScript 代码转换为 JavaScript ，也可以对图片、字体等进行打包优化，减少文件占用的空间，可以这么说，有了 Webpack，原先我们要处理的一系列问题，都可以让它自动帮我们完成。

文章插图
② Vite
Vite是一个快速、现代的前端构建工具，专为Vue.js框架设计，但也支持其他现代JavaScript框架和库。
快速开发：Vite是为了提高前端开发的速度而创建的。它利用ES模块的特性，将开发服务器保持在本地开发环境中，实现了快速的冷启动和热模块替换（HMR），这意味着您可以在几乎没有构建等待时间的情况下迅速查看更改。

网页前端设计用什么软件 前端开发软件工具( 二 )

网页前端设计用什么软件前端开发软件工具( 二 )