Sublime快速生成htmlページ

1427 ワード

Phoperとして、私がよく使うIDEはPhp Storm以外はSublime textです.Sublime textは簡潔で、起動が速く、メモリが少ないです.今日紹介したのは、Sublime textに強力なプラグインemetをインストールした後、強力な自動補完機能があります.
驚嘆符が必要です.またTabキーを押すと、HTMLページが作成されます.
具体的な方法は以下の通りです.
一、sublimeを取り付けます
1.sublime text 3を取り付けます.ここをダウンロード:http://www.sublimetext.com/3
2.sublime text 3を開いて、CTRL+`またはメニューの中でView Show Consoneを選択して、コンソールを開くことができます.つまり、次の入力ボックスです.
3.入力ボックスに以下のコードをコピーして貼り付けます.
import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); open(os.path.join(ipp, pf), 'wb').write(urllib.request.urlopen( 'http://sublime.wbond.net/' + pf.replace(' ','%20')).read())
そして車に戻ります.この時マウスが回転するカラーの円になっているのが見えます.しばらく待ってください.いくつかのコードがコンソールの上に現れました.sublime text 3を再起動します.
二、emetプラグインのインストール
1.sublime text 3でショートカットキーCTRL+SHIFT+Pを押したり、メニューからTools>Command Paletteを選択したり…
2.ポップアップされた入力ボックスの自動ヒントから、Package Control:Install Packageを選択します.
3.Emmetを入力してクリックします.この時、emetがインストールを開始しました.数分間待って、一番下の行に何行かのラインが表示されます.いくつかのcolumnが表示されたら、emetは装ってもいいです.sublime text 3を再起動します.
三、快速補完の例
  • sublimeに新しいファイルの右下にHTML
  • として選択された表示があります.
  • Emmet for Dreamweaver:HTML/CSSコード快速作成神器https://blog.csdn.net/ys743276112/article/details/38133995
  • 参考記事:https://www.jianshu.com/p/3e51778a2027