สวัสดีเพื่อนๆ! เนื่องจากความต้องการที่ได้รับความนิยม ฉันจึงอัปเดตคำแนะนำเพื่อตั้งค่าตัวแก้ไขโค้ดอย่างรวดเร็ว ข้อความประเสริฐ 3ติดตั้งปลั๊กอินที่จำเป็นสำหรับเลย์เอาต์และสร้างการตั้งค่าล่วงหน้าของคุณเองเพื่อการเริ่มต้นอย่างรวดเร็วในสถานที่ทำงานใหม่

เย็น

ตะกุกตะกัก

คุณอาจคุ้นเคยกับสถานการณ์เมื่อคุณต้องการติดตั้งและกำหนดค่า Sublime Text อย่างรวดเร็วในที่ทำงานใหม่เพื่อทำงานในโครงการใหม่ ตามกฎแล้ว การปรับแต่งอย่างละเอียด Sublime Text ใช้เวลานานและการทำทุกครั้งไม่สามารถทำได้จริงและใช้เวลานาน

วันนี้เราจะพิจารณาให้มากที่สุด การตั้งค่าอย่างรวดเร็ว Sublime Text ซึ่งเป็นปลั๊กอินยอดนิยมในหมู่นักออกแบบเลย์เอาต์เพื่อเร่งการออกแบบ และเราจะติดตั้งหนึ่งในธีมตัวแก้ไขที่ดีที่สุดและสะดวกสบายที่สุด ธีมวัสดุสีเข้มหนึ่งชุด.

ตามค่าเริ่มต้น Sublime Text ดูค่อนข้างเศร้า:

ก่อนอื่นคุณต้องกำหนดค่า การควบคุมแพ็คเกจ- เมื่อต้องการทำเช่นนี้ ให้กดปุ่มลัด Ctrl+Shift+P ในหน้าต่างป๊อปอัป ให้พิมพ์ Install Package Control และเลือกรายการที่เหมาะสม หลังจากนั้นไม่กี่วินาที Package Control จะถูกติดตั้งและคุณจะได้รับการแจ้งเตือน

หากคุณเป็นผู้ใช้ MacOS คุณต้องกด Cmd+Shift+P บนแป้นพิมพ์

จำเป็นต้องมีการควบคุมแพ็คเกจเพื่อให้คุณสามารถติดตั้งส่วนเสริมและปลั๊กอินใน Sublime Text 3 จากที่เก็บแพ็คเกจได้

การติดตั้งปลั๊กอินใน Sublime Text

ถัดไปคุณต้องติดตั้งปลั๊กอินที่จำเป็นสำหรับการทำงาน เราจะดูที่การติดตั้งปลั๊กอินยอดนิยมในหมู่ผู้เขียนโค้ด ซึ่งทำให้การพัฒนาง่ายขึ้นอย่างมาก คุณยังสามารถทดลองกับปลั๊กอินอื่นๆ ใน Package Control ได้ด้วย คุณอาจชอบปลั๊กอินอื่นๆ จากแพ็คเกจที่มีอยู่มากมาย

หากต้องการติดตั้งปลั๊กอินใน Sublime Text ผ่าน Package Control คุณต้องเรียกเมนูเหมือนที่เราเคยทำก่อนหน้านี้: Ctrl+Shift+P จากนั้นป้อนคำสั่ง “ติดตั้งแพ็คเกจ” และเลือกแพ็คเกจที่ต้องการจากรายการ

ปลั๊กอินยอดนิยมสำหรับ Sublime Text:

• เอ็มเม็ต- เร่งความเร็วในการเขียนโค้ด HTML และ CSS ให้เป็นความเร็วแสง บทเรียนเรื่องเอ็มเม็ต ;
• ชื่อไฟล์อัตโนมัติ- เสริมโค้ดเมื่อเขียนเส้นทางไปยังไฟล์ในรูปแบบ
• ส่วนสำคัญ- เปิดใช้งาน Sublime Text เพื่อใช้บริการข้อมูลโค้ด GitHub Gist กวดวิชาสรุปสาระสำคัญ;
• สัส- ปลั๊กอินสำหรับเน้นไวยากรณ์ Sass ในไฟล์ Sass และ Scss ขยาย Emmet ในไฟล์ Sass

การติดตั้งสกิน Sublime Text

ฉันชอบธีมมาก ธีมวัสดุสีเข้มหนึ่งชุดและเน้นโค้ดด้วยโทนสีที่เหมาะสม สีเหล่านี้เป็นสีที่สมดุลที่สุด ค่อนข้างตัดกัน แต่ไม่รุนแรงเกินไปสำหรับการทำงานที่สะดวกสบายในตัวแก้ไข

ในการติดตั้งโทนสี One Dark เราจำเป็นต้องติดตั้งแพ็คเกจต่อไปนี้ผ่าน Package Control:

• โครงการสีเข้มหนึ่งโครงการ- โทนสีสำหรับเน้นโค้ด
• One Dark Material - ธีม- ธีมข้อความ UI Sublime

การติดตั้งปลั๊กอินด้วยตนเอง

ปลั๊กอินบางตัวไม่ได้รับการอัพเดตใน Package Control อีกต่อไปหรือเพียงแค่ไม่ปรากฏที่นั่น ปลั๊กอินเหล่านี้บางตัวมีความสำคัญเมื่อทำงานกับโค้ดและต้องติดตั้งด้วยตนเอง

หนึ่งในปลั๊กอินเหล่านี้ บัฟเฟอร์Scroll- ปลั๊กอินที่น่าทึ่งซึ่งเมื่อคุณเปิดเอกสารอีกครั้ง จะตั้งเคอร์เซอร์ไปที่ตำแหน่งที่คุณแก้ไขเสร็จแล้วในครั้งที่แล้ว ซึ่งช่วยลดเวลาที่ใช้ในการค้นหาตำแหน่งที่ถูกต้องเพื่อทำงานต่อ

หากต้องการติดตั้ง BufferScroll ด้วยตนเอง ให้ไปที่หน้า GitHub ของปลั๊กอิน ดาวน์โหลดและแตกไฟล์ไปยังตำแหน่งที่สะดวกบนดิสก์ของคุณ ถัดไปใน Sublime Text เลือกรายการเมนู การตั้งค่า > เรียกดูแพ็คเกจ นี่จะเป็นการเปิดโฟลเดอร์ข้อมูลผู้ใช้ในไดรฟ์ของคุณ คัดลอกโฟลเดอร์ที่มีไฟล์ Buffer Scroll ที่นี่ และรีสตาร์ท Sublime Text ตอนนี้ปลั๊กอินกำลังทำงาน

ปรับแต่งเครื่องมือแก้ไข ตั้งค่าการตั้งค่าของฉันล่วงหน้า

มาดูการตั้งค่า Sublime Text กันดีกว่า

ฉันนำเสนอการตั้งค่าที่ตั้งไว้ล่วงหน้าซึ่งฉันใช้อยู่เสมอ การตั้งค่าเริ่มต้นโปรแกรมแก้ไขข้อความ Sublime ในที่ทำงานใหม่หรือหลังจากติดตั้งระบบใหม่ คุณสามารถใช้ค่าที่ตั้งล่วงหน้านี้ในตัวแก้ไขของคุณและปรับแต่งได้หากจำเป็น:

คีย์แมป (ผู้ใช้ Windows): [ ( "keys": ["alt+shift+f"], "command": "reindent" ), ] การตั้งค่า: ( "show_definitions": false, "auto_complete": false, "bold_folder_labels" : true, "color_scheme": "แพ็คเกจ/หนึ่งวัสดุสีเข้ม - ธีม/schemes/OneDark.tmTheme", "fold_buttons": false, "font_size": 13, "highlight_line": true, "indent_guide_options": [ "draw_normal", "draw_active" ], "line_padding_bottom": 2, "line_padding_top": 2, "margin": 2, "material_theme_compact_sidebar": จริง, "material_theme_compact_panel": จริง, "material_theme_small_statusbar": จริง, "material_theme_small_tab": จริง, "tab_size" : 2, "theme": "OneDarkMaterial.sublime-theme", "word_wrap": "false", )

รหัสที่กำหนดไว้ล่วงหน้าสำหรับการตั้งค่าผู้ใช้ (Preferences.sublime-settings | ค่ากำหนด > การตั้งค่า) - แยกกัน:

( "show_definitions": false, "auto_complete": false, "bold_folder_labels": true, "color_scheme": "แพ็คเกจ/หนึ่งวัสดุสีเข้ม - ธีม/schemes/OneDark.tmTheme", "fold_buttons": false, "font_size": 13 , "highlight_line": จริง, "indent_guide_options": [ "draw_normal", "draw_active" ], "line_padding_bottom": 2, "line_padding_top": 2, "margin": 2, "material_theme_compact_sidebar": จริง, "material_theme_compact_panel": จริง , "material_theme_small_statusbar": จริง, "material_theme_small_tab": จริง, "tab_size": 2, "theme": "OneDarkMaterial.sublime-theme", "word_wrap": "false", )

รหัสที่ตั้งไว้ล่วงหน้าสำหรับแป้นพิมพ์ลัดแบบกำหนดเอง (ค่าเริ่มต้น (Windows).sublime-keymap | การตั้งค่า > การผูกคีย์) - แยกกัน:

[ ( "keys": ["alt+shift+f"], "command": "reindent" ), ]

ตอนนี้เมื่อเลือกและกดแล้ว Alt+Shift+Fรหัสของคุณจะถูกเยื้องโดยอัตโนมัติด้วยลำดับชั้นการซ้อนองค์ประกอบที่เหมาะสม

เมื่อวางส่วนย่อยเหล่านี้ในไฟล์การตั้งค่าที่เหมาะสม คุณจะได้รับ Sublime Text ที่พร้อมใช้งานอย่างสมบูรณ์หรือปรับแต่งเองได้ การตั้งค่ามีสองฟิลด์ - ช่องซ้ายพร้อมการตั้งค่าเริ่มต้นและช่องขวาพร้อมช่องกำหนดเอง ในการตั้งค่าเริ่มต้น คุณสามารถดูคำแนะนำสำหรับพร็อพเพอร์ตี้แต่ละรายการและนำไปใช้ทางด้านขวาได้โดยการคัดลอกและตั้งค่าของคุณ

การค้นหาว่าคุณสมบัติใดที่รับผิดชอบสิ่งที่ค่อนข้างง่าย - คุณสมบัติทั้งหมดมีชื่อที่เข้าใจง่าย ภาษาอังกฤษ- คุณสมบัติใดๆ จากการตั้งค่าที่มีอยู่มากมายสามารถแปลเป็นภาษารัสเซียได้ง่ายๆ และคุณจะเข้าใจความหมายได้

เพื่อที่จะสำรองข้อมูลการตั้งค่าทั้งหมดของคุณและปรับใช้ Sublime Text ในสถานที่ทำงานอื่นได้อย่างรวดเร็ว เพียงคัดลอกโฟลเดอร์

"C:\Users\(ผู้ใช้ของคุณ)\AppData\Roaming\Sublime Text 3"
เข้าไปในสถานที่ลับ สำรองสถานที่บนดิสก์หรือแฟลชไดรฟ์ของคุณ จากนั้นวางไว้บนผู้ใช้รายอื่นหรือบนคอมพิวเตอร์เครื่องอื่นในไดเร็กทอรีเดียวกันภายใต้ผู้ใช้

นอกจากนี้ คุณสามารถปิดการใช้งานแผนที่ย่อทางด้านขวาและซ่อนเมนูได้ตามดุลยพินิจของคุณ ซึ่งสามารถทำได้โดยไปที่มุมมอง > ซ่อนแผนที่ย่อ และมุมมอง > ซ่อนเมนู คุณสามารถแสดงเมนูได้โดยกดปุ่ม Ctrl บนแป้นพิมพ์

ปลั๊กอินสำหรับ Sublime Text เขียนด้วย Python ภาษานั้นง่ายมาก และหากคุณเป็นโปรแกรมเมอร์ การเรียนรู้มันก็จะไม่ใช่เรื่องยาก ถ้าไม่เช่นนั้นก็ไม่สำคัญเช่นกัน เนื่องจากเป็นไปได้มากว่าปลั๊กอินได้ถูกเขียนขึ้นสำหรับงานของคุณแล้ว

การติดตั้งปลั๊กอินใน Sublime Text

บน ในขณะนี้มีสองวิธีในการติดตั้งปลั๊กอินลงในโปรแกรม:

1. ป่าเถื่อน. เพียงดาวน์โหลดปลั๊กอินที่จำเป็นจากอินเทอร์เน็ตและวางลงในโฟลเดอร์ที่เหมาะสม แต่นี่ไม่ใช่วิธีที่ถูกต้อง ดังนั้นเราจะไม่ไปสนใจมันอีกต่อไป
2. ผ่านการควบคุมแพ็คเกจ Sublime

ก่อนที่คุณจะเริ่มติดตั้งปลั๊กอิน คุณต้องติดตั้ง Sublime Package Control อ่านเกี่ยวกับเรื่องนี้

ในการติดตั้งปลั๊กอินคุณต้องมี:

1. เปิด บรรทัดคำสั่งโดยการกดคีย์ผสม: ctrl+shift+p ;
2. ในบรรทัดให้เข้าสู่ Install Package แล้วกด Enter;
3. ที่ด้านล่างสุดของช่องที่เปิดขึ้น ให้ป้อนชื่อของปลั๊กอิน เช่น emmet;
4. กด Enter และรอให้การติดตั้งเสร็จสิ้นหน้าจอที่มีเส้นมากมายจะปรากฏขึ้นที่นั่น
5. พร้อม.

(ดูคำแนะนำในภาพหน้าจอ 3 ภาพ)

ไม่มีประเด็นใดโดยเฉพาะในการพูดถึงปลั๊กอินยอดนิยมและปลั๊กอินใดที่ไม่เป็นที่นิยมเนื่องจาก Sublime เขียนในภาษาการเขียนโปรแกรมหลายภาษาและแต่ละภาษาก็มีปลั๊กอินของตัวเอง

แต่เนื่องจากคนส่วนใหญ่ที่เลือกโปรแกรมแก้ไขนี้เขียนด้วย PHP เราจึงยังคงพิจารณาบางส่วนอยู่

ข้อความประเสริฐ Emmet

ก่อนหน้านี้เล็กน้อยในตัวอย่างที่เราติดตั้งปลั๊กอินนี้ มันช่วยเร่งการพัฒนาเว็บไซต์ได้อย่างมาก เพื่อให้เข้าใจว่ามันทำอะไรที่มุมขวาล่าง แทนที่จะเป็นข้อความธรรมดา ให้เลือก PHP ตอนนี้เราใส่มันลงในเครื่องมือแก้ไขแล้ว! และกด TAB

คุณยังสามารถป้อน: .wrapper กด tab ดังที่คุณเห็นว่าเรามี div

ในการสร้างเมนูที่มี 10 ลิงค์ คุณสามารถเขียนดังต่อไปนี้แล้วกด tab: .menu>ul>li*10>a(menu_$)

ทางด้านซ้าย “!+tab” ในส่วนตรงกลาง “.wrapper + tab” และทางด้านขวา “menu>ul>li*10>a(menu_$) + tab” ฉันคิดว่าคุณเข้าใจประเด็นแล้ว

ไฟล์ใหม่ขั้นสูง

ช่วยให้คุณสร้างไฟล์ใหม่ เราติดตั้งปลั๊กอิน เปิดแถบด้านขวา (มุมมอง – แถบด้านข้าง – แสดงแถบด้านข้าง) จากนั้นกดคีย์ผสม ctrl+alt+n และเขียน index.php ตามที่เราเห็นไฟล์ถูกสร้างขึ้น และนี่เป็นสิ่งที่สำคัญมาก รวดเร็วและสะดวกสบาย

วงเล็บเน้นข้อความ

ตามค่าเริ่มต้น ถ้าเรายืนอยู่บน div บางตัว ก็เป็นเรื่องยากมากที่จะสังเกตเห็นแท็กปิด เนื่องจากมีขีดเส้นใต้เล็กน้อยเกินไป วงเล็บเน้นข้อความ

ไฮไลท์สี

มันแนะนำสีของรหัสนั่นคือตามค่าเริ่มต้นมันไม่ชัดเจนสำหรับเราว่ารหัส #224f43 ​​​​จะเป็นสีอะไร แต่ปลั๊กอินจะเน้นรหัสด้วยสีที่เป็น นอกจากนี้หากเราคลิกที่โค้ด มันจะเน้นด้วยสีนี้

คำประกาศ Gotocss

ช่วยคุณค้นหาและไปยังสิ่งที่ถูกต้อง องค์ประกอบ CSSตรงจาก รหัสเอชทีเอ็ม- คุณเพียงแค่ต้องคลิกขวาที่องค์ประกอบที่ใช้สไตล์นี้แล้วเลือกไปที่การประกาศ CSS

ไปที่เว็บไซต์ Sublime Text อย่างเป็นทางการในส่วนดาวน์โหลดและดาวน์โหลด เวอร์ชันล่าสุดโปรแกรมสำหรับคุณ ระบบปฏิบัติการฉันดาวน์โหลดโปรแกรม 64 บิต เราเปิดใช้งานและตรวจสอบว่าทุกอย่างใช้งานได้ อย่างไรก็ตามโปรแกรมนี้ไม่ฟรีและหากคุณไม่ได้ซื้อคีย์ก็ไม่มีข้อ จำกัด ยกเว้นคำจารึกว่า "ไม่ได้ลงทะเบียน" ในชื่อและหน้าต่างป๊อปอัปที่ไม่ล่วงล้ำพร้อมคำเตือนหลังจากช่วงระยะเวลาหนึ่ง (ทุกๆ ครึ่งชั่วโมง - หนึ่งชั่วโมง)

มาติดตั้ง Russifier กัน

แตกไฟล์เก็บถาวรที่ดาวน์โหลดมาและคัดลอกไฟล์ทั้งหมดที่มีนามสกุล .sublime-menu (ยกเว้นโฟลเดอร์ "สำรอง") ไปยังโฟลเดอร์ใดโฟลเดอร์หนึ่งต่อไปนี้ (ขึ้นอยู่กับระบบปฏิบัติการของคุณ):

หากไม่มีโฟลเดอร์ "ค่าเริ่มต้น" ในเส้นทางที่ระบุ คุณจะต้องสร้างมันขึ้นมา

มาตั้งค่าการแบ่งบรรทัดอัตโนมัติกันเถอะ

เปิดการตั้งค่า → การตั้งค่า - กำหนดเอง

เพิ่มบรรทัดต่อไปนี้:

"word_wrap": จริง

ต่อสู้กับการเข้ารหัสในไฟล์

ทำซ้ำการตั้งค่า → การตั้งค่า - กำหนดเอง จำเป็นต้องเปลี่ยน

"fallback_encoding": "ตะวันตก (Windows 1251)",

ไปที่บรรทัดนี้:

"fallback_encoding": "ซีริลลิก (Windows 1251)",

การติดตั้งการควบคุมแพ็คเกจ

การควบคุมแพ็คเกจจำเป็นต่อการขยายฟังก์ชันการทำงานของโปรแกรมแก้ไข Sublime Text 3 ด้วยปลั๊กอินต่างๆ

ไปที่เว็บไซต์และดูคำแนะนำในการติดตั้ง หรือไปที่ตัวแก้ไขกดปุ่ม: Ctrl + ~ ในบรรทัดคำสั่งที่ปรากฏขึ้นให้ป้อนคำสั่งการติดตั้งต่อไปนี้:

นำเข้า urllib.request, os, hashlib; ชั่วโมง = "2915d1851351e5ee549c20394736b442" + "8bc59f460fa1548d1514676163dafc88"; pf = "การควบคุมแพ็คเกจ.sublime-package"; ipp = ประเสริฐ.installed_packages_path(); urllib.request.install_opener(urllib.request.build_opener(urllib.request.ProxyHandler())); โดย = urllib.request.urlopen("http://packagecontrol.io/" + pf.replace(" ", "%20")).read(); dh = hashlib.sha256(by).hexdigest(); print("เกิดข้อผิดพลาดในการตรวจสอบการดาวน์โหลด (มี %s แทนที่จะเป็น %s) โปรดลองติดตั้งด้วยตนเอง" % (dh, h)) ถ้า dh != h else open(os.path.join(ipp, pf), "wb" ).เขียน(โดย)

การตั้งค่าโครงร่างสี

กด Ctrl+Shift+P อีกครั้งแล้วพิมพ์ daylerees - ธีม

นอกจากนี้

ในการเข้าถึง FTP คุณต้องติดตั้ง "SFTP"

คุณสมบัติที่น่าสนใจอีกอย่างคือ "Goto-CSS-Declaration" เมื่อคุณคลิกที่คลาส มันจะแสดงคลาสนี้ในไฟล์สไตล์

โปรแกรมแก้ไขข้อความข้ามแพลตฟอร์ม

คำแนะนำฉบับย่อสำหรับผู้เริ่มต้นในการทำงานที่ยอดเยี่ยมและในด้านการจัดวาง รวมสิ่งที่จำเป็นและสำคัญที่สุดไว้ที่นี่ (ตามลิงค์เพื่อค้นหาเพิ่มเติมหากจำเป็น)

เราจะพิจารณาเป็นเค้าโครงบน Pug / Less โดยที่เราไม่ต้องการฟังก์ชันการแก้ไขข้อบกพร่องจำนวนมาก ดังนั้นตัวแก้ไขเฉพาะนี้ (ในความคิดของฉัน) จึงเอาชนะคู่แข่งทั้งในด้านความเร็วและฟังก์ชันการทำงาน

1. การติดตั้งโปรแกรมและควบคุมโปรแกรมเสริม (Package Control)

1. ติดตั้ง Sublime Text 3 ทุกอย่างเรียบง่ายที่นี่ - ดาวน์โหลดและเปิดตัว

ที่นี่เราสามารถดาวน์โหลด ติดตั้ง ลบ ดูส่วนเสริม ฯลฯ

2. การตั้งค่าโปรแกรม:

1. เราใช้ช่องว่างแทนแท็บ
   "translate_tabs_to_spaces": จริง
2. ขนาดแท็บคือ 4 ช่องว่าง
   "tab_size": 4

   ทำไมคุณถาม?
   เพื่อไม่ให้เผลอกดสเปซและแท็บเข้าด้วยกันจนทำให้ชุดปั๊กแตก
   และเพื่อความสม่ำเสมอในการทำงานในทีม

3. สตริง ไม่ควรลงท้ายด้วยอักขระว่าง
   สำหรับสิ่งนี้เราใช้ปลั๊กอิน TrailingSpaces .

- บางทีนี่อาจเป็นจุดที่การตั้งค่า MustHave บังคับสิ้นสุดลง มาดูรายบุคคลกันดีกว่า:

1. โหมดเต็มหน้าจอ F11 + แผงเมนูซ่อน (alt)ช่วยให้คุณใช้จอภาพให้เกิดประโยชน์สูงสุดในการทำงานและไม่ถูกรบกวนจากสถานะของแผงระบบปฏิบัติการ
2. ข้อห้ามในการขึ้นบรรทัดใหม่อาจเป็นทรัพย์สินที่ดีที่สุดของรายการที่ระบุไว้ ป้องกันความสับสนในไวยากรณ์ของปั๊ก แสดงโค้ดที่คาดหวังและการซ้อนเสมอโดยไม่คำนึงถึงขนาดหน้าจอ การเลื่อนแนวนอนทำได้โดย shift + wheel (หรือ touchPanel)
   "word_wrap": "เท็จ"
3. ธีมส์ฉันไม่สามารถพูดอะไรเกี่ยวกับเรื่องนี้ได้ เพียงแค่ค้นหาสิ่งที่คุณชอบ (ควรใช้รูปแบบที่มืดกว่า) ฉันใช้ "ธีม": "Material-Theme-Darker.sublime-theme"
4. การเน้นไวยากรณ์ฉันคิดว่าไม่น่าจะมีปัญหาที่นี่ หากคุณแน่ใจว่าการจับคู่ส่วนขยายและการไฮไลต์ (ปั๊กสำหรับปั๊ก ไม่ใช่หยกสำหรับปั๊ก)
5. ดู → แถบด้านข้าง → ซ่อนไฟล์ที่เปิดอยู่- เพิ่มพื้นที่ว่างสำหรับแผนผังโครงการ เนื่องจากช่องนี้ซ้ำกันอยู่แล้วโดยมีแท็บและมีจุดสามจุดที่ด้านบน

3. ปุ่มลัดที่มีประโยชน์:

1. ในย่อหน้าแรก เราจะบอกว่าเราจะข้ามชุดค่าผสมมาตรฐานทั้งหมด เช่น Ctrl(⌘) + Z(⌘ - ต่อจากนี้ไปก็แค่ Ctrl) ยกเลิก บันทึก ทำซ้ำ ปิดแท็บ คืนค่าแท็บ ฯลฯ...
2. บางทีสิ่งต่อไป ชุดค่าผสมยอดนิยมนี้:
   crtl + P- ช่วยให้คุณค้นหาไฟล์ของโครงการที่เปิดอยู่ ช่วยให้คุณกำจัดต้นไม้สไตล์เปิดขนาดใหญ่
3. ความสำคัญต่อไป:
   Ctrl + D- ค้นหาสำเนาของข้อความที่เลือก เหมาะอย่างยิ่งสำหรับการแก้ไขหลายรายการ และเพื่อค้นหารายการที่ซ้ำกัน โดยเฉพาะใน ไฟล์ที่ใหญ่กว่าและชิ้นส่วนขนาดใหญ่ สำหรับหลายเคอร์เซอร์ ให้กด Ctrl ค้างไว้แล้วใช้เมาส์
4. Ctrl + L- เลือกทั้งบรรทัดและช่วยให้คุณสามารถลบออกได้ทั้งหมด ทำงานได้ดีกับการกด Ctrl+D
5. ค้นหา…สิ่งแรกน่าจะเป็น ctrl+F - ค้นหาไฟล์ สิ่งที่สองและสำคัญกว่าคือการค้นหาโฟลเดอร์หลายไฟล์ ctrl + shift + F (คุณสามารถเรียกมันได้โดยคลิกขวาที่โฟลเดอร์แล้วเลือก "ค้นหาในโฟลเดอร์ ... ") ฉันแนะนำให้คุณไม่ต้องรวม " โฟลเดอร์ Famous Fat Man” ในการค้นหา
6. Ctrl + Shift + ขึ้น/ลง- ย้ายบรรทัดขึ้น/ลง (สลับ) สะดวกสำหรับการทำงานกับสไตล์และตัวแปร
7. ตอนนี้มีบทช่วยสอนเล็กๆ เกี่ยวกับ แป้นพิมพ์ลัดผสมกัน- คุณคงเคยเห็นชุดค่าผสมเหล่านี้คั่นด้วยเครื่องหมายจุลภาค ฉันก็เลยเห็น...และตอนนี้ฉันก็รู้วิธีใช้มันแล้ว หากต้องการทำสิ่งนี้ ให้กดชุดค่าผสมเหล่านี้ตามลำดับ (คุณไม่จำเป็นต้องปล่อยปุ่ม mod ทั่วไป)
   นี่คือสิ่งที่มีประโยชน์:
8. Ctrl + K, Ctrl + 4- ซ่อนกิ่งก้านทั้งหมดที่มีการซ้อนมากกว่า 4 คล้ายกับลูกศรยุบ - Ctrl + K, Ctrl + J- เปิดเผยทุกสิ่งที่เป็นอยู่)
9. Ctrl + K, Ctrl + B- ซ่อน/แสดงแถบด้านข้าง (ทำงานได้ดีกับ F12)

ซึ่งช่วยให้คุณตรวจสอบรหัสของคุณเพื่อหาข้อผิดพลาดทางไวยากรณ์ จัดให้เพิ่มเติม คำแนะนำง่ายๆเพื่อเปลี่ยนตัวแก้ไขให้เป็น IDE เต็มรูปแบบสำหรับการพัฒนาเว็บ

ความสนใจ! บทความนี้จะอธิบายการตั้งค่า Sublime Text 3 (ต่อไปนี้จะเรียกว่า ST3) บน Windows 7

1. สมมติว่าคุณได้ติดตั้ง ST3 บน Win 7 และติดตั้ง Package Control แล้ว

2. ตอนนี้คุณต้องติดตั้งแพ็คเกจเพิ่มเติมใน ST3 ไปกันเลย การตั้งค่า -> การควบคุมแพ็คเกจ -> ติดตั้งแพ็คเกจ
และติดตั้งแพ็คเกจดังต่อไปนี้:

• SublimeLinter
• SublimeLinter-html-tidy
• SublimeLinter-csslint
• SublimeLinter-jsl
• SublimeLinter-jshint
• SublimeLinter-php.ini
• SublimeLinter-phplint
• JSHint

3. ตั้งค่าการตรวจสอบข้อผิดพลาดทางไวยากรณ์ HTML
3.1. ดาวน์โหลดและวางไว้ในโฟลเดอร์ใดก็ได้ที่คุณต้องการ
3.2. เพิ่มเส้นทางไปยังโฟลเดอร์นี้! จาก tidy.exe ไปจนถึงตัวแปรเซิร์ฟเวอร์ ผู้ใช้วินโดวส์(PATH) การตั้งค่าที่อยู่ใน My Computer -> Properties -> ตัวเลือกเพิ่มเติมระบบ -> ตัวแปรสภาพแวดล้อม... -> เลือกตัวแปร “PATH” -> คลิก “แก้ไข” และเพิ่มเส้นทาง
ความสนใจ! หมายเหตุอัฒภาค ";" หลังจากแต่ละเส้นทางแล้วอย่าลืมจดบันทึกและใส่ใจกับแบ็กสแลชด้วย

4. ตั้งค่าการตรวจสอบข้อผิดพลาดทางไวยากรณ์ CSS
4.1. ดาวน์โหลดและติดตั้ง node.js
4.2. เพิ่มเส้นทางไปยังโฟลเดอร์ (ไปยังโฟลเดอร์!) ด้วย node.js ใน PATH (เส้นทางมีประมาณดังนี้: C:\Users\User_name\AppData\Roaming\npm- อย่าลืมเกี่ยวกับอัฒภาค
4.3. ติดตั้ง csslint เมื่อต้องการทำเช่นนี้ ให้รันคำสั่ง สตริงของ Windowsในนามของผู้ดูแลระบบและเขียน: npm install -g csslint

5. การตั้งค่าการตรวจสอบข้อผิดพลาดทางไวยากรณ์ JavaScript
5.1. หากคุณไม่ได้ทำคะแนน 4.1 และ 4.2 - เราทำอย่างนั้น
5.2. เราติดตั้ง jslint และ jshint เพื่อทำเช่นนี้เราดำเนินการเดียวกันกับในย่อหน้าที่ 4.3 เราแค่เขียน jslint และ jshint แทน csslint ตามลำดับ

6. การตั้งค่าการตรวจสอบข้อผิดพลาดทางไวยากรณ์ PHP
6.1. ไม่ใช่สำหรับ php ใน Denwera build!
6.2. (UPDATE) ความจริงก็คือหลายคน (รวมทั้งฉันด้วย) เช่น เซิร์ฟเวอร์ท้องถิ่นตั้งตนเป็นเดนเวอร์ และพระเจ้ารู้ดีว่าทำไม (ฉันไม่ได้ลงรายละเอียด) แต่ ST3 ไม่ยอมรับ PHP ของเดนเวอร์ตลอดชีวิตของฉัน สามารถส่งออกข้อผิดพลาด PHP ไปยังคอนโซล ST3 ได้ แต่จะไม่มีการเน้นไวยากรณ์
ป.ล. ฉันเพิ่มประเด็นนี้โดยเฉพาะเพราะ... ในฟอรัมหลายแห่งพวกเขาเขียนว่าติดตั้ง PHP กำหนดค่าแพ็คเกจ ST3 แล้วคุณจะมีความสุข แต่ความสุขไม่ได้เกิดขึ้นเพราะว่า... รายการที่ติดตั้ง PHP มักจะถูกละเว้นทันทีเนื่องจากความหวังในประสิทธิภาพ (ความเหมาะสม) ของ denwer
6.3. ดังนั้นเราจึงไปที่นี่ทันทีและดาวน์โหลด PHP การติดตั้ง PHP - เพียงแตกไฟล์เก็บถาวรลงในโฟลเดอร์ใดก็ได้แล้วเขียนเส้นทางไปยังโฟลเดอร์นี้ใน PATH (ส่วนที่ 3.2)
6.4. หากคุณมีเส้นทางไปยังโฟลเดอร์ Denver PHP ที่ลงทะเบียนใน PATH ของคุณ อย่าลืมลบออกแล้ว
7. ไฟล์การกำหนดค่า SublimeLinter.sublime.settings

จำเป็นต้องแก้ไขเส้นทางไปยัง tidy.exe และ php.exe

( "ผู้ใช้": ( "debug": จริง, "ล่าช้า": 0.25, "error_color": "D02000", "gutter_theme": "แพ็คเกจ/SublimeLinter/gutter-themes/Circle/Circle.gutter-theme", "gutter_theme_excludes ": , "lint_mode": "พื้นหลัง", "linters": ( "csslint": ( "@disable": false, "args": , "ข้อผิดพลาด": "", "ไม่รวม": , "ละเว้น": " ", "คำเตือน": "" ), "hlint": ( "@disable": false, "args": , "excludes": ), "htmltidy": ( "@disable": false, "args": , "แยก": ), "jscs": ( "@disable": false, "args": , "ยกเว้น": ), "jshint": ( "@disable": false, "args": , "ยกเว้น": ), "jsl": ( "@disable": false, "args": , "ไม่รวม": ), "php": ( "@disable": false, "args": , "ยกเว้น": ), "phplint ": ( "@disable": false, "args": , "excludes": ) ), "mark_style": "outline", "no_column_highlights_line": false, "passive_warnings": false, "paths": ( "linux" : , "osx": , "windows": ), "python_paths": ( "linux": , "osx": , "windows": ), "rc_search_limit": 3, "shell_timeout": 10, "show_errors_on_save": เท็จ "show_marks_in_minimap": จริง "sublimelinter": จริง "sublimelinter_executable_map": ( "css": "node", "html": "Z:\\usr\\bin\\tidy.exe", //path ไปยังโฟลเดอร์ของคุณด้วย tidy.exe ให้ความสนใจกับแบ็กสแลชคู่ซึ่งจำเป็นต้องมี "php": "C:\\Program Files\\PHP_5.6\\php.exe" //path ไปยังโฟลเดอร์ของคุณด้วย php.exe ) , "syntax_map": ( "css": "css", "html (django)": "html", "html (ราง)": "html", "html 5": "html", "js": " js", "php": "php", "python django": "python"), "warning_color": "DDB700", "wrap_find": true ) )

8. รีสตาร์ทข้อความ Sublime
มันเกิดขึ้นที่บางคนลืมเกี่ยวกับโหมดแก้ไขข้อบกพร่องของ Sublimelinter หากต้องการเปิดใช้งาน ให้คลิกขวาที่ใดก็ได้ในพื้นที่แก้ไข ST3 -> SublimeLinter -> โหมดดีบัก