前端学习一 - 喵小柒-html教程-PHP中文网

前端学习一 - 喵小柒

php中文网

发布： 2016-05-20 16:50:41

原创

1473人浏览过

开始学习前端知识，做一些笔记来记录下～

之前学习都是使用的dw 现在前端开发工具既轻便功能也够强大。

下面记录下常用的前端工具：

Sublime3:需要安装第三方包，一般
Atom:继承度非常好
VS code:智能提示非常强大
Webstorm:大项目，建议使用
markman:标注／测量工具（基于adobe air）

工具安装：

Sublime3安装

官网下载地址：http://www.sublimetext.com/

安装插件步骤：

第一步：安装插件的包管理器：package control 安装上

按快捷键ctrl+~ 调出命名控制行（View > Show Console）

输入安装包管理器的代码粘贴到命令执行窗口（在联网的情况下操作，因为是在线下载包）

粘贴：

（sublime3）

import urllib.request,os; pf = <span style="color: #800000;">'</span><span style="color: #800000;">Package Control.sublime-package</span><span style="color: #800000;">'</span>; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), <span style="color: #800000;">'</span><span style="color: #800000;">wb</span><span style="color: #800000;">'</span>).write(urllib.request.urlopen( <span style="color: #800000;">'</span><span style="color: #800000;">http://sublime.wbond.net/</span><span style="color: #800000;">'</span> + pf.replace(<span style="color: #800000;">'</span> <span style="color: #800000;">'</span>,<span style="color: #800000;">'</span><span style="color: #800000;">%20</span><span style="color: #800000;">'</span>)).read())

登录后复制

mallcloud商城

mallcloud商城基于SpringBoot2.x、SpringCloud和SpringCloudAlibaba并采用前后端分离vue的企业级微服务敏捷开发系统架构。并引入组件化的思想实现高内聚低耦合，项目代码简洁注释丰富上手容易，适合学习和企业中使用。真正实现了基于RBAC、jwt和oauth2的无状态统一权限认证的解决方案，面向互联网设计同时适合B端和C端用户，支持CI/CD多环境部署，并提

查看详情

立即学习“前端免费学习笔记（深入）”；

（sublime2）

import urllib2,os; pf=<span style="color: #800000;">'</span><span style="color: #800000;">Package Control.sublime-package</span><span style="color: #800000;">'</span>; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) <span style="color: #0000ff;">if</span> not os.path.exists(ipp) <span style="color: #0000ff;">else</span> None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler( ))); open( os.path.join( ipp, pf), <span style="color: #800000;">'</span><span style="color: #800000;">wb</span><span style="color: #800000;">'</span> ).write( urllib2.urlopen( <span style="color: #800000;">'</span><span style="color: #800000;">http://sublime.wbond.net/</span><span style="color: #800000;">'</span> +pf.replace( <span style="color: #800000;">'</span> <span style="color: #800000;">'</span>,<span style="color: #800000;">'</span><span style="color: #800000;">%20</span><span style="color: #800000;">'</span> )).read()); print( <span style="color: #800000;">'</span><span style="color: #800000;">Please restart Sublime Text to finish installation</span><span style="color: #800000;">'</span>)

登录后复制

立即学习“前端免费学习笔记（深入）”；

重启一下sublime

第二步：安装第三方插件

ctrl＋shift+p ( Preferences>package control )打开命令面板

输入install package 回车

输入包的关键字进行搜索，回车安装（左击安装第三方的包）

包管理器的官方网址：https://packagecontrol.io

建议安装的sublime插件：

1.ConvertToUTF8:解决文件编码转化问题

2.Emmet:快速编写html,css,js的神级插件

3.SublimeLinter:高亮有错误的代码行，也支持高亮一些注释