关于前后端分离，你需要知道的那些事

Posted 2022-12-14 泠泠在路上

对于刚入门前端或者是想要入门前端，并追随时代的潮流，想要做前后端分离的小伙伴们来说，这篇文章是为你们而写的。
至于想多了解一些前后端分离的知识，可以参考 https://www.kancloud.cn/chandler/web_technology/741853 ，
该篇文章是我自己认为的所需的技能点，后期可能会做些补充，那么，就不说废话了。

一、前端工具

①编辑器篇

1. webstorm http://www.jetbrains.com/webstorm/
2. visual studio https://visualstudio.microsoft.com/zh-hans/downloads/
3. intellij idea http://www.jetbrains.com/idea/
4. sublime http://www.sublimetext.com/3

上面1-3是我认为比较好集成的编辑器，选择其中一个安装就可以，相应的，安装的时候需要一定的磁盘空间和电脑的配置，但是，只要不是太小的空间，都还是ok的。最后一个sublime是一个轻量级的编辑器，建议每个人都安装，毕竟平时想要打开某一个小文件，这个还是比较方便的。

此附webstorm使用文章：https://blog.csdn.net/u012396955/article/details/60880341

②切图篇

1. PS

对于一个前端来说，会切图，是基本的技能。

③浏览器篇

1. 谷歌
2. 火狐

浏览器的选择其实还是蛮随意的，但是个人觉得谷歌浏览器还是开发中用的最多的

④远程版本库篇

git工具：

1. git https://www.git-scm.com/download/
2. TortoiseGit https://tortoisegit.org/download/
3. Gitkraken https://www.gitkraken.com/download

svn工具：
tortoisesvn https://tortoisesvn.net/downloads.html

二、NPM的使用篇

做前后端分离，node是要做些了解的，其中，用的最多的就是node的npm包管理器，是javascript 世界的包管理工具,并且是 Node.js 平台的默认包管理工具。

1. 下载安装Node https://nodejs.org/zh-cn/

此处奉上 https://www.npmjs.cn/ 可供学习参考。

2. 淘宝镜像源转换
   由于node安装插件是从国外服务器下载，受网络影响大，速度慢且可能出现异常，所以国内一般会选择切换镜像源，具体操作可参考我的这篇文章 https://blog.csdn.net/u012396955/article/details/80755212

3. 常用的npm命令
   参考：https://www.cnblogs.com/itlkNote/p/6830682.html

三、会用的前端框架

1. vue https://cn.vuejs.org/v2/guide/
2. react https://react.docschina.org/
3. angular https://www.angular.cn/

四、前端工程化工具

具体知识可参考 https://segmentfault.com/a/1190000011095783

1. webpack https://www.webpackjs.com/
2. gulp https://www.gulpjs.com.cn/
3. CSS 预处理，通过sass，less 等css 预处理器，可以实现 css 文件的拆分，颗粒化，实现css可复用，sass官网：https://www.sass.hk/ ，less官网：http://lesscss.cn/
4. ES6 + babel 编译，ES6教程：http://es6.ruanyifeng.com/
5. eslint 代码检查，eslint官网：https://cn.eslint.org/

五、与后端的接口调用及调试