Visual Studio HTML Designer อยู่ที่ไหน


99

Visual Studio HTML Designer อยู่ที่ไหน ฉันเห็นว่ามีตัวเลือกสำหรับ HTML Designer แต่ฉันไม่สามารถเปิดได้ มีโหนดตัวเลือก HTML Designer!

เลยอยากถามว่าทำไมหาคนออกแบบไม่เจอแล้วจะเปิดได้อย่างไร เมื่อฉันสร้างไฟล์ HTML มันจะไปที่โค้ด HTML

คำตอบ:


207

ตัวแก้ไข HTML เริ่มต้น (สำหรับ HTML แบบคงที่) ไม่มีมุมมองออกแบบ เมื่อต้องการตั้งค่าตัวแก้ไขเริ่มต้นเป็นตัวแก้ไขฟอร์มเว็บซึ่งมีมุมมองออกแบบ

  1. คลิกขวาที่ไฟล์ HTML ใดก็ได้ใน Solution Explorer ใน Visual Studio แล้วคลิกที่ Open with
  2. เลือกไฟล์ HTML (web forms) editor
  3. คลิกที่ Set as default
  4. คลิกที่OKปุ่ม

เมื่อคุณทำเสร็จแล้วสิ่งที่คุณต้องทำคือคลิกdesignหรือsplitดูตามที่แสดงด้านล่าง:

ภาพหน้าจอแสดงตำแหน่งของตัวเลือกดังกล่าว


2
ความช่วยเหลือนี้ไม่ได้ผลสำหรับฉันฉันหมายความว่าฉันทำตามขั้นตอน แต่ฉันไม่ได้รับตัวเลือกที่ด้านล่างสำหรับ Design หรือ Split มีเพียงหนึ่งเดียว - ที่มา!
erotavlas

2
คุณต้องทำใน Solution Explorer ใน Visual Studio ไม่ใช่ file explorer (Windows) สำหรับลูกค้าคนหนึ่งของฉันเราต้องสร้างโปรเจ็กต์เปล่าสร้างไฟล์ HTML เปล่าแล้วคลิกขวาเพื่อดูเมนูเปิดที่ถูกต้อง
แซม

3
ฉันเพิ่งทำให้ตัวแก้ไขฟอร์มเว็บเป็นค่าเริ่มต้น แต่ถ้าฉันพยายามเปิดหน้า CSHTML หรือ HTML ที่มีอยู่ในโซลูชันของฉันหลังจากทำสิ่งนี้แล้วหน้าจะว่างเปล่าและยังไม่มีการออกแบบ แยก | แท็บแหล่งที่มาที่ด้านล่าง สิ่งนี้จะเกิดขึ้นเช่นกันหากฉันใช้ Add เพื่อเพิ่มไฟล์ html หรือ cshtml ในโปรเจ็กต์ของฉัน ถ้าฉันใช้เมนูใหม่ -> ไฟล์เพื่อสร้างไฟล์ HTML สิ่งต่างๆก็ใช้ได้ดีกับ Design | Spliut | แท็บแหล่งที่มาแสดงที่ด้านล่าง ความวิกลจริตของ IDE นี้คืออะไร?
Darren Evans

1
ไฟล์ cshtml ของ @DarrenEvans ไม่สามารถใช้งานร่วมกับโปรแกรมแก้ไขได้ (เพียงแค่เปลี่ยนชื่อเป็น html ก็จะไม่เปลี่ยนแปลง)
Anthony Nichols

3
Visual Studio 2017 ดูเหมือนจะไม่สนใจสิ่งนี้ แสดงเฉพาะ "แหล่งที่มา"
Nicke Manarin

32

อีกวิธีหนึ่งในการตั้งค่าเริ่มต้นเป็นตัวแก้ไขฟอร์มเว็บ HTML คือ:

  1. ที่เมนูด้านบนใน Visual Studio ไปFile> New>File
  2. เลือก HTML Page
  3. ที่มุมขวาล่างของกล่องโต้ตอบไฟล์ใหม่บนOpenปุ่มจะมีลูกศรลง
  4. คลิกแล้วคุณจะเห็นตัวเลือก Open With
  5. เลือก HTML (Web Forms) Editor
  6. คลิก Set as Default
  7. กด OK

ภาพหน้าจอแสดงวิธีไปที่กล่องโต้ตอบ "เปิดด้วย" เมื่อสร้างไฟล์ใหม่


ไม่ได้รับการ "เปิดด้วย" สำหรับไฟล์ใหม่ (VS 2015) แต่คุณสามารถสร้างได้จากนั้นในหน้าต่าง Solution Explorer คุณสามารถคลิกขวาOpen With...แล้วเลือกได้HTML (Web Forms) Editorตามเดิม
kjhf

@kjhf "เปิดด้วย" ก็มีในVS2015เวอร์ชันใหม่เช่นกัน มันเคลื่อนไปด้านล่างเล็กน้อย คุณจะเห็นได้ที่ด้านล่างของFile Dialog
น้ำ

@cflyer ขอบคุณสำหรับการแบ่งปันวิธีแก้ปัญหาของคุณ - อธิบายเป็นพิเศษทีละขั้นตอนพร้อมกับ sceenshot มันช่วยฉัน
นาม

8

ไปที่ [Tools, Options] ส่วน "Web Forms Designer" และเปิดใช้งานตัวเลือก "Enable Web Forms Designer" นั่นควรให้ตัวเลือก Design and Split อีกครั้ง


สำหรับฉันตัวเลือกนี้ถูกเปิดใช้งานแล้ว แต่ไม่ได้ทำให้มุมมองการแก้ไขอื่น ๆ พร้อมใช้งาน
JohnC

ขอบคุณ - นี่คือที่ที่ตัวเลือก "แบ่งมุมมองในแนวตั้ง" ต้องรีสตาร์ทจึงจะมีผล
UweBaemayr

4

วิธีแก้ปัญหาในการสร้างไฟล์ HTML ใหม่ด้วย HTML (Web Forms) Designer ใช้ได้กับไฟล์นั้น แต่ไม่ใช่สำหรับไฟล์ HTML อื่น ๆ ที่ฉันต้องการแก้ไข

ฉันพบตัวเลือกเปิดด้วยในกล่องโต้ตอบเปิดไฟล์และสามารถเลือกตัวแก้ไข HTML (เว็บฟอร์ม) ได้ที่นั่น เมื่อคลิกตัวเลือก "Set as Default" ในหน้าต่างนั้น VS จากนั้นก็อย่าลืมใช้ตัวแก้ไขนั้นเมื่อฉันเปิดไฟล์ HTML อื่น ๆ

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.