注:本章内容属于个人片面认知所写,请理性参考,接受纠正及补充!
目录
一、需要安装的软件(没有安装过程,只有下载链接)
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/