1 学习前端涉及的软件安装及今后学习目标

注:本章内容属于个人片面认知所写,请理性参考,接受纠正及补充!

一、需要安装的软件(没有安装过程,只有下载链接)

1、原型工具 Axure RP 8

在这里插入图片描述
axure【安装包链接: https://pan.baidu.com/s/1XpjjE0PfrSD8r0az3dRRPQ 提取码: 6sgm】
个人简单使用教程点这里

2、版本控制的工具 Git

在这里插入图片描述
git安装包链接:【https://git-scm.com/】

3、文本编辑器 VS Code 和 Sublime text 3(建议都安上)

比较两者:Sublime text 3相比于VS Code更便捷实用,同时功能相对应VS Code就少了很多

(1)VS Code安装

在这里插入图片描述
vscode安装包链接:【https://code.visualstudio.com/】
注:要为vscode添加插件 open in browser

  • 添加前要联网!!!
  • 添加插件步骤:第一、打开安装完成的软件,点击左边第五个图标(extensions)。
    在这里插入图片描述
  • 第二、在搜索栏输入 open in browser,选择后缀为2.0.0,然后下载(install),即可完成。
    在这里插入图片描述
  • 给vs code配置git
    点击设置
    在这里插入图片描述
    搜索git.path然后编辑文件
    在这里插入图片描述
    添加地址,写成这样
    在这里插入图片描述
    环境变量也设一下
    在这里插入图片描述
    在这里插入图片描述
(2)Sublime text 3安装

·在这里插入图片描述
sublime安装包链接:【http://www.sublimetext.com/ 】
==注:为sublime添加插件emmet ==
插件链接:https://pan.baidu.com/s/1aOBY8HFnOLb6EVJc05EYRg
提取码:5nkr

  • 步骤:第一、打开安装好的软件,点击preferences–>browse packges…进入安装目录下的packges文件夹中
    在这里插入图片描述
  • 第二、在下载好的插件文件包中选择PyV8、emmer-sublime-master这两个文件复制到pacjges目录下。
    在这里插入图片描述
  • 第三、返回上一级目录sublime text 3下,进入installed packges目录中。
    在这里插入图片描述
  • 第四、将插件包中packge Control.sublime-packge文件复制到installed packages目录下面,即可完成。
    在这里插入图片描述
(3)工具快捷键使用:

编辑器常用快捷键
Ctrl + S 保存
Ctrl + X 剪切
Ctrl + V 粘贴
Ctrl + Z 撤回
Ctrl + A 全选
Ctrl + D 选中光标所占的文本
Ctrl + Enter 光标直接进入下一行
Ctrl + ← 向左单位性地移动光标,快速移动光标
Ctrl + [ 向左缩进
Ctrl + ] 向右缩进
Ctrl + / 注释
Shift + → 向右选中文本
Tab 缩进
Alt + Tab 切换任务
Ctrl + Tab 切换代码窗口
Alt+Shift+1 窗口分屏,恢复默认1屏
Alt+Shift+2 左右分屏-2列

4、浏览器 谷歌浏览器

为什么要选择谷歌,我的毛病,不用管,也可以选择其他浏览器,比如火狐也不错。但是IE6别碰,答应我!
在这里插入图片描述
安装包链接:谷歌浏览器【https://www.google.cn/intl/zh-CN/chrome/ 】

5、SSH工具 Xshell

在这里插入图片描述
安装包链接:https://pan.baidu.com/s/1QCOLB5iBOwnvxApVECMghg
提取码:518w

6、fillzila

二、 前端的路

  • 1、入门级别:HTML、css、JavaScript;
    作为基础,HTML、css、JavaScript算是前端的根,虽然基础的东西很简单,但是要想在前端这棵树长得好,这个根一定要深深地埋在土壤里。一定要扎实!!!一定要扎实!!!扎实!!!
    这是我学习过程的总结,可以参阅一下html,css,javascript

  • 2、 基础框架:jQuery、bootstrap;

  • 3、高级框架:react(跟微信小程序差不多){ react-redux、 react-router、react-dom}、vue、angularJS;

  • 4、app开发:webapp开发、hybird app开发、微信小程序;

  • 5、后端技术:apache、node、mysql、express。

三、技术论坛

  • 1、github—项目托管平台 https://github.com/
  • 2、csdn—博客 https://www.csdn.net/
  • 3、博客园—https://www.cnblogs.com/
  • 4、掘金—论坛 https://juejin.im/

四、教程网站

  • 1、W3C—web技术教程 http://www.w3school.com.cn/
  • 2、RUNOOB—菜鸟教程 https://www.runoob.com/
  • 3、牛客网—面试题库 https://www.nowcoder.com/
  • 4、微信小程序—设计规范 https://developers.weixin.qq.com/miniprogram/design/index.html

五、代码工具

  • 1、Highcharts—图表库 https://www.hcharts.cn/demo/highcharts
  • 2、echarts—图表库 http://echarts.baidu.com
  • 3、font-awesome—矢量图标 http://www.fontawesome.com.cn
  • 4、iconfont—阿里巴巴矢量图标库 http://iconfont.cn/home/index
  • 5、CDN—前端开源项目加速服务 https://www.bootcdn.cn/all/
  • 6、免费网站模板下载 http://www.cssmoban.com/tags.asp

六、框架

  • 1、bootstrap—https://www.bootcss.com/
  • 2、react—https://www.reactjscn.com/
©️2020 CSDN 皮肤主题: 创作都市 设计师:CSDN官方博客 返回首页