现代前端开发环境之基本配置

Posted 2021-04-08 21CTO

导读：在本文中，作者将与各位分享一个前端开发的基本环境配置。如果你想快速开发/测试一些功能，那么本文中的配置对各位将非常有用，它也奠定一个良好基础，在完成初始测试后可方便进行扩展。

如今Angular和React是前端开发的标准配置，为了避免给初学者过多复杂性，本文提供一个快捷步骤，供前端开发者选择。

安装步骤如下：

1 为项目创建一个git-repo，添加readme文件和.gitignore文件。

2 初始化npm：npm init

3 安装lite-server：npm install -save-dev lite-server

4 添加lite-server配置文件bs-config.json：update npm-start script:lite-server

5 安装并初始化一些依赖项：

npm install --save bootstrapnpm install --save jquerynpm install --save font-awesome

6 创建首页index.html

请参见后面的示例代码。

完成以上步骤，就可以进行测试开发了。整个环境以最轻量的形式达到快速重用。

index.html屏幕截图

此页面代码在存储库中可用，可以看以下代码部分结构。

前端开发基本环境配置

其它截图

这是其它相关一些屏幕截图，显示了文件夹结构和一些代码。同样，如果克隆存储库，则可以使用所有这些。 

祝各位编码愉快~

参考文献：https://github.com/jawadhasan/basic-frontend-starter

推荐阅读：