⑴ 前端入职需要安装什么环境
一、基础环境
Node.js是JavaScript运行时，目前前端工程化必不可缺的一个环境。通常我们会选择稳定版本(LTS)进行下载。
NPM是javascript的包管理工具，也是目前Node.js默认的包管理工具。一般下载了Node.js后会附带npm，不用专门的去下载。
YARN是Fackbook开源的依赖管理包，和npm是做同样的工作，但相比npm安装依赖的速度会更加迅速。两者都是讲依赖写入package.json中，在使用习惯上是相近的。
Git是最先进的代码版本控制软件。
二、开发环境
编辑器
目前前端开发主流的编辑器有sublimeText、WebStorm、vscode，三种主流器各有特点:
sublimeText是一个十分轻巧的编辑器，编辑器是付费软件，可以无限试用。在 macOS 上下载该软件仅需 15.2MB. 需要安装相应的插件，比如你可能需要某个语言的语法高亮，因此你需要在 store 上找到相应插件来提高你开发体验。
webStorm是一个功能强大的编辑器，同时也是一个付费软件，并不像sublimeText那样可以无限试用，由于功能太过于齐全，一些低配置的电脑可能会吃不消。以上特点是群友对webStorm的评价，笔者没有使用该编辑器，不过多评论。
vsocde是由微软开源的一个编辑器，虽然是后起之秀，但开源后该编辑器的设计与体验迅速吸引了一大批用户。它内置了一些前端基础的开发环境，针对Node.js还可以进行短点调试。
vscode其中有一个插件叫做setiings sync, 它可以将你的编辑器配置上传至gist。就算你换了一个全新的设备，下载vscode后，再下载该插件，传入Token后就可以同步你所有的配置，十分的方便~
vscode的配置可以查看具体教程
浏览器
前端的工作更多时候是与用户打交道，我们的工作产出通常在浏览器页面上呈现。
浏览器通常提供了开发者工具以供开发者调试，目前市面上主流的浏览器主要就是chrome、Safari、IE/Edge、opera、firefox这五种浏览器。国内市场有UC浏览器等，但内核的大多都是采用webkit或者兼容低版本IE内核。
从statcounter 统计数据来看，目前主要的趋势还是以chrome所使用的webkit内核作为主流，同时chrome的开发者工具对于开发人员十分的友好，因此有很多的开发者选择了该浏览器作为首选的调试工具。chrome还有一个便利就是登陆了谷歌账号后，可以在别的机器上进行同步插件和配置。
⑵ 前端绝不依赖于接口吗
前端有很多方面的项目，有些是不依赖接口的，但是有些是需要依赖接口的。
不能说绝不依赖，前后端更多的是互相配合，接口可以前端来定，也可以后端定，没有接口之前前端可以mock数据。
⑶ 前端环境的安装与配置
前端环境的安装与配置？一、工具安装
1.编辑器
2.Git(分布式的代码管理工具)
3.Photoshop
4.Nodejs链接
二、 环境配置
1.配置git：
1.1 设置Git的user name和email：
$ git config --global user.name "name"
$ git config --global user.email "[email protected]"
1.2 生成SSH密钥过程：(看需求配置)
$ ssh-keygen -t rsa -C "[email protected]"
3个回车，密码为空。
Your identification has been saved in /home/tekkub/.ssh/id_rsa.
Your public key has been saved in /home/tekkub/.ssh/id_rsa.pub.
The key fingerprint is:
………………
最后得到了两个文件：id_rsa和id_rsa.pub
添加密钥到ssh：
登陆gitlab, Profile Settings -> SSH Keys -> ADD SSH KEYS ,找到本地的id_rsa.pub文件，复制出里面的内容，添加到 key 内，此时 Title 会自动填上你的邮箱，没有的话手动填写, ADD KEY
1.3 拉取代码到本地(权限)
创建一个存放项目的文件夹，在该文件夹下，单击右键，选择git bash,打开git命令框，编写命令：git clone [email protected]:xx/xx.git（可以在gitlab项目中找到存放地址，gitlab地址：http://gitlab.vchangyi.com ），按回车，就可以从gitlab上clone代码到本地文件夹
1.4 手动安装nodejs，如果是pc端安装的话，nodejs版本不能过低。
安装最新版的话npm安装项目依赖会有问题，手机端gulp无法启动，所以建议安装nodejs V6。
1.5 测试node是否安装成功
在git 命令窗或者node 命令窗中输入命令 ：node -v
1.6 同理，测试npm是否安装成功npm -v
1.7安装gulp
在项目下打开git 命令窗，从淘宝源上自行安装，这个时间需要等待和耐心，也会有网络原因导致安装失败，如果安装失败可以多来几次，直到成功为止。
如果是pc端：npm install --registry=http://registry.npm.taobao.org --phantomjs_cdnurl=http://cnpmjs.org/downloads
npm 安装时候 持久使用淘宝源 设置:
npm config set registry https://registry.npm.taobao.org
配置后可通过下面方式来验证是否成功
npm config get registry
或
npm info express
⑷ Webpack前端项目打包配置
1、安装依赖包
初始化项目为nodejs项目
另一种是在html中通过img标签的src引入，因为webpack对html支持不友好，所以需要借助插件html-webpack-plugin
第三种是借用拷贝插件，直接强行拷贝所有图片，因为本项目图片是在xslt中引用，所以采用第三种和第一种结合的方式处理图片，在plugin参数中添加
如果css是与其余的css一起打包，那么其中对fonts资源的引用路径也会自动发生变化，一定注意，是个大坑！！
⑸ 前端工程依赖包的分类
关于 npm 包依赖，分三种情况 :