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

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

图片


如今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屏幕截图


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


图片


图片

前端开发基本环境配置


其它截图


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


图片

祝各位编码愉快~


猜你喜欢

转载自blog.51cto.com/15127566/2664700
今日推荐