前端开发新手入门指南 - 3.搭建开发环境

二叶草 2020年2月9日22:01:02IT专区评论阅读模式

前端开发新手入门指南 - 3.搭建开发环境

内容简介

此系列产品手册朝向的阅读者是零基础或想从别的技术性栈迁移到前端工程师技术性栈的盆友。手册构造层面,会先过去web端基础技术性点刚开始详细介绍,如最基本的知识要点 HTML、CSS、JavaScript 刚开始,在介绍的过程中会推荐一些比较好的学习资料、方法、以及实战的方法。

然后会介绍前端技术的发展路径以及目前比较流行的前端技术框架,并会对目前前端最流行的 React、Angualr、Vue.js 进行介绍。

在介绍了 React、Angualr、Vue.js 框架后,会同时介绍它们对应的移动端开发框架 React Native、Ionic、Weex 框架,这部分也属于目前「大前端」概念的基础知识点。

后续的内容会结合反馈进行动态地调整。


本章节将介绍一下如何搭建一个前端新手学习的开发环境,顺手的开发环境能大大提高你的开发效率,而且可以养成一些基本的职业习惯。

3. 搭建一个前端学习的基础环境

电脑选择篇

如果经济允许推荐选择 Mac,选择 Windows 也没啥问题,主要看自己用的顺手就行。

基础开发工具 (IDE)

对于前端开发的初学者,只需要安装一个编辑器就可以满足目前的学习需求,那就是目前最热门、最受欢迎的编辑器 VSCode。

前端开发新手入门指南 - 3.搭建开发环境

Visual Studio Code (简称 VS Code / VSC) 是一款免费开源的现代化轻量级代码编辑器,支持几乎所有主流的开发语言的语法高亮、智能代码补全、自定义快捷键、括号匹配和颜色区分、代码片段、代码对比 Diff、Git 命令等特性,支持插件扩展,并针对网页开发和云端应用开发做了优化。软件跨平台支持 Windows、Mac 以及 Linux,运行流畅,可谓是微软的良心之作。

VSCode 以其优化的性能以及极其丰富的插件库受到了开发者的欢迎,而且多平台可用,可以算是一个开发者必装的编辑器了,用来进行前端的学习入门代码编辑器绰绰有余。

如果你想学习 VSCode 的基本使用,下面我的原创教程应该可以帮助到你。

  • VSCode 高效开发必装插件系列视频教程

https://devopen.club/course/vscode

  • VSCode 必装的 10 个高效开发插件

http://blog.parryqiu.com/2018/10/15/vscode_top_ten_plugins/

网页服务器

在初始的学习阶段,主要学习基本的 HTML、CSS、JavaScript 等,所以直接打开网页在浏览器中浏览也没有问题。

后续随着学习的深入,我会给大家分享 nginx、IIS、Tomcat、live-server 等服务器的基本配置。

浏览器环境

大家直接安装最新的 Chrome 浏览器就可以了,跨平台可用,而且初学时也不用去考虑以及学习浏览器兼容的问题,这些问题我们后续再来深入讨论。

本文来源于:前端开发新手入门指南 - 3.搭建开发环境-变化吧门户
特别声明:以上文章内容仅代表作者本人观点,不代表变化吧门户观点或立场。如有关于作品内容、版权或其它问题请于作品发表后的30日内与变化吧联系。

  • 赞助本站
  • 微信扫一扫
  • weinxin
  • 加入Q群
  • QQ扫一扫
  • weinxin
二叶草

发表评论