本文章是我自己搭建node环境开发服务器的过程记录，不一定完全适用所有人。根据个人情况，按需取用。

为了方便调试，我研究了一下如何使用vscode进行断点调试。本次尝试已在html-template项目中测试通过。安装插件在vscode的插件商店安装必要的插件“Debugger for Chrome”。调整webpack配置在webpack.dev.config.js文件中，增加source map的配置。module.exports = webpackMerge.merge(webpackBa

之前我总结过使用react-scripts如何通过env进行环境配置（原文），但是我们在打包的时候常用的是webpack。所以我针对webpack总结了一下如何使用env进行环境配置。安装首先我们需要安装相应的插件，我将我的package.json放在下面了，大家按需安装吧。{"name": "react-remplate","version": "0.1.0","private": true,"

Vue中animate.css的使用安装引入使用基本使用方法自定义播放属性通过Javascript动态添加动画附录动画库常用属性类名（会持续更新）延迟播放播放速度安装通过npm安装：$ npm install animate.css --save或者通过yarn安装：$ yarn add animate.css引入在main.js文件中引入animate.cssimport '...

解析html文件的时候，出现了“You may need an appropriate loader to handle this file type.”问题。意思是我需要添加一些loader来解析html，网上基本上的解决方案是用。最后，我决定还是回归本源问题，最好减少引入的插件。，配置的地方和文件都需要修改。重新运行一下，问题已经解决了。有冲突，导致html中的类似。的变量不能够正确解析了。这

unplugin-auto-import的配置和eslint报错解决先上官网：unplugin-auto-importunplugin-auto-import 解决了vue3-hook、vue-router、useVue等多个第三方插件的自动导入，也支持自定义插件的自动导入，是一个功能强大的typescript支持工具。unplugin-auto-import常用的配置如下：AutoImport(