विज़ुअल स्टूडियो कोड वाले ब्राउज़र में HTML फ़ाइल कैसे देखें

Question

मैं नए Microsoft Visual Studio कोड वाले ब्राउज़र में अपना HTML कोड कैसे देख सकता हूं?

नोटपैड ++ के साथ आपके पास एक ब्राउज़र में रन करने का विकल्प है। मैं विज़ुअल स्टूडियो कोड के साथ एक ही काम कैसे कर सकता हूं?

Comments

VS कोड में अब लाइव सर्वर एक्सटेंशन है। कृपया मेरा जवाब देखें: stackoverflow.com/a/48721885/466066

— जोस चेरियन

मेरे लिए लाइव सर्वर एक्सटेंशन ने काम किया। मैं ऐसा करने के लिए किसी भी फाइल को कॉन्फ़िगर नहीं करना चाहता।

— एजीएमडी

यह भी संबंधित: stackoverflow.com/questions/47519768/…

— ford04

Answer 1

विंडोज के लिए - अपना डिफ़ॉल्ट ब्राउज़र खोलें - वीएस कोड वी 1.1.0 पर परीक्षण किया गया

एक विशिष्ट फ़ाइल खोलने के लिए दोनों का उत्तर (नाम हार्ड-कोडित है) या किसी अन्य फ़ाइल को खोलना।

कदम:

1. कमांड पैलेट खोलने के लिए ctrl+ shift+ p(या F1) का उपयोग करें ।

2. Tasks: Configure Taskपुराने संस्करणों में या में टाइप करें Configure Task Runner। इसे सेलेक्ट करने पर टास्क.जॉन फाइल खुल जाएगी । प्रदर्शित स्क्रिप्ट हटाएं और इसे निम्न द्वारा प्रतिस्थापित करें:

   {
       "version": "0.1.0",
       "command": "explorer",    
       "windows": {
           "command": "explorer.exe"
       },
       "args": ["test.html"]
   }

   अपनी फ़ाइल के नाम पर "args" अनुभाग को "file" के नाम में बदलना याद रखें। जब आप F5 से टकराते हैं तो यह हमेशा उस विशिष्ट फ़ाइल को खोलेगा।

   आप इसे उस समय भी खोल सकते हैं जब भी आपके पास ["${file}"]"args" के मान के रूप में उपयोग करके जो भी फ़ाइल हो, उसे खोलें । ध्यान दें कि $बाहर जाता है {...}, तो ["{$file}"]गलत है।

3. फ़ाइल सहेजें।

4. अपनी html फ़ाइल पर वापस जाएँ (इस उदाहरण में यह "text.html" है), और अपने वेब ब्राउज़र में अपना पृष्ठ देखने के लिए ctrl+ shift+ दबाएँ b।

Comments

यदि आपके पास एक से अधिक HTML फ़ाइल हैं, तो आप चर का उपयोग भी कर सकते हैं। आप कर सकते हैं: "args": ["{$ file}"] वर्तमान खुली फ़ाइल को पास करने के लिए। कोड भी देखें ।visualstudio.com

— डिर्क

मैं इसे मैक में कैसे करूँ? कोई exe फ़ाइलें नहीं हैं। मैं मैक पर वेबपेज को खोलना चाहता हूं

— अदृश्यडिव

बस "बाहरी प्रोग्राम क्रोम लॉन्च करने में विफल {$ file}। स्पोन क्रोम एनोइंट"

— जॉनी क्यों 21

टास्क को नए फोल्डर में कॉन्फ़िगर करने के लिए: टास्क का चयन करें: टास्क रनर कमांड को कॉन्फ़िगर करें और आपको टास्क रनर टेम्प्लेट की एक सूची दिखाई देगी। एक कार्य बनाने के लिए दूसरों का चयन करें जो एक बाहरी कमांड चलाता है। । । । अब आपको अपने कार्यक्षेत्र में एक। Json फ़ाइल देखनी चाहिए । निम्न सामग्री के साथ .vscode फोल्डर :। । । by code.visualstudio.com/Docs/editor/tasks

— यू यांग जियान

टास्क रनर को कॉन्फ़िगर करें अब VSC 1.24.0 में मौजूद नहीं है - कंट्रोल-शिफ्ट-पी उस स्ट्रिंग के लिए कोई परिणाम नहीं देता है।

— lonstar

Answer 2

VS कोड में एक लाइव सर्वर एक्सटेंशन है जो स्टेटस बार से एक क्लिक लॉन्च का समर्थन करता है।

कुछ विशेषताएं:

• स्टेटस बार से वन क्लिक लॉन्च
• लाइव रीलोड
• क्रोम डिबगिंग अटैचमेंट के लिए समर्थन

Comments

इस एक्सटेंशन में डायनामिक पेजों को स्वचालित पुनः लोड कार्यक्षमता प्रदान करने के लिए एक वेब ऐड-ऑन भी है।

— एम। सुंदरस्ट्रॉम

@ M.Sundstrom क्या आप मुझे उस ऐड-ऑन का नाम / लिंक दे सकते हैं?

— आदिल सजु

अभी भी बहुत उपयोगी है, और विशेष रूप से पूरी तरह से मुक्त विन्यास!

— जोनास

नए

— कॉडर्स के

लेकिन ऐसा लगता है कि आप बिना सहेजे सक्रिय फ़ाइल का पूर्वावलोकन नहीं कर सकते हैं? (इसे चलाना, html का पूर्वावलोकन नहीं करता है, लेकिन ब्राउज़र पर फ़ोल्डर पदानुक्रम

— दिखाता है

Answer 3

@ इनविजिडेट डेव - इसे इस्तेमाल करने की कोशिश कर रहे मैक पर काम करने के लिए:

{
    "version": "0.1.0",
    "command": "Chrome",
    "osx": {
        "command": "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"
    },
    "args": [
        "${file}"
    ]
}

यदि आपके पास क्रोम पहले से खुला है, तो यह आपकी html फ़ाइल को एक नए टैब में लॉन्च करेगा।

Answer 4

यदि आप लाइव पुनः लोड करना चाहते हैं, तो आप gulp-webserver का उपयोग कर सकते हैं, जो आपकी फ़ाइल परिवर्तन और पुनः लोड पृष्ठ के लिए देखेगा, इस तरह से आपको हर बार अपने पृष्ठ पर F5 नहीं दबाना होगा:

यहां है कि इसे कैसे करना है:

• ओपन कमांड प्रॉम्प्ट (cmd) और टाइप करें

  npm install --save-dev gulp-webserver

• VS कोड में Ctrl + Shift + P दर्ज करें और टास्क रनर कॉन्फ़िगर करें । इसे चुनें और एंटर दबाएं। यह आपके लिए task.json फाइल खोलेगा। इसके अंत से सब कुछ निकालें कोड केवल निम्नलिखित कोड दर्ज करें

tasks.json

{
    "version": "0.1.0",
    "command": "gulp",
    "isShellCommand": true,
    "args": [
        "--no-color"
    ],
    "tasks": [
        {
            "taskName": "webserver",
            "isBuildCommand": true,
            "showOutput": "always"
        }
    ]
}

• अपनी परियोजना की मूल निर्देशिका में gulpfile.js जोड़ें और निम्नलिखित कोड डालें:

gulpfile.js

var gulp = require('gulp'),
    webserver = require('gulp-webserver');

gulp.task('webserver', function () {
    gulp.src('app')
        .pipe(webserver({
            livereload: true,
            open: true
        }));
});

• अब वीएस कोड में Ctrl + Shift + P दर्ज करें और "रन टास्क" टाइप करें जब आप इसे दर्ज करते हैं तो आपको अपना कार्य "वेबसर्वर" चयनित और प्रेस दर्ज करना होगा।

अब आपका वेबसर्वर आपके डिफ़ॉल्ट ब्राउज़र में आपका पेज खोल देगा। अब आप अपने HTML या CSS पृष्ठों में जो भी बदलाव करेंगे, वे स्वतः ही पुनः लोड हो जाएंगे।

यहाँ उदाहरण के लिए 'gulp-webserver' को कॉन्फ़िगर करने के तरीके के बारे में एक जानकारी दी गई है , और किस पृष्ठ को लोड करना है, ...

आप बस Ctrl + P दर्ज करके अपना कार्य चला सकते हैं और कार्य वेबसर्वर टाइप कर सकते हैं

Comments

मुझे दौड़ना पड़ा npm install -g gulp, npm install -g gulp-webserverऔर एक NODE_PATH पर्यावरण वैरिएबल जो मेरे AppData \ npm \ node_ododules को इंगित करता है। तब मैं वेबसर्वर कार्य को चलाने में सक्षम था, हालांकि ब्राउज़र शुरू होने पर मुझे 404 मिलता है। कोई भी विचार जो मुझे याद आ रहा है?

— किरिल ओसेनकोव

कोई बात नहीं, बस आपको अपने उदाहरण में 'ऐप' को बदलना होगा। ' (इसलिए यह वर्तमान निर्देशिका से कार्य करता है)।

— किरिल ओसेनकोव

उत्तर के लिए एक टिप्पणी: यदि आप yor ब्राउज़र में एक html फ़ाइल चलाना चाहते हैं, जो परिवर्तनों पर स्वचालित रूप से पुनः लोड होगी, तो आपके gulpfile.js को इस तरह दिखना चाहिए, '।' 'ऐप' के बजाय। कोड = var gulp = आवश्यकता ('gulp'), वेबसर्वर = आवश्यकता ('gulp-webserver'); gulp.task ('वेबसर्वर', फंक्शन () {gulp.src ('।') .pipe (वेबसर्वर ({fallback: 'index.html'), लिवरेलड: true, open: true});});

— शुक्र १

यह कमाल का है। इसे एक मूल्यवान विकल्प के रूप में समझाने के लिए धन्यवाद। मैंने इस काम को पाने के लिए क्रिल और फ्रिस दोनों के जवाबों को भी थोड़ा सा लागू किया था। लेकिन यह करता है!

— क्लेविस

मुझे "GET GET /" नहीं मिल रहा था क्योंकि मैंने लाइन को कॉन्फ़िगर किए बिना gulpfile.js को कॉपी किया था gulp.src('app')ताकि यह वास्तव में मेरे स्रोत को इंगित करे (जो कि /app'लेकिन' नहीं था )। सही काम करता है। धन्यवाद!

Answer 5

अब आप ब्राउज़र में एक एक्सटेंशन देख सकते हैं । मैंने इसे क्रोम के साथ खिड़कियों पर परीक्षण किया और यह काम कर रहा है।

vscode संस्करण: 1.10.2

Comments

उस विस्तार को भयानक समीक्षा मिलती है।

— जॉन क्रुएल

यह स्वचालित रूप से ब्राउज़र को ताज़ा नहीं करता है और यह वह नहीं है जो ओपी की तलाश में है

— जूड निरोशन

Answer 6

Chrome w / कीबोर्ड शॉर्टकट में वर्तमान दस्तावेज़ के लिए 2.0.0 संस्करण यहां दिया गया है:

tasks.json

{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "Chrome",
            "type": "process",
            "command": "chrome.exe",
            "windows": {
                "command": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe"
            },
            "args": [
                "${file}"
            ],
            "problemMatcher": []
        }
    ]
}

keybindings.json :

{
    "key": "ctrl+g",
    "command": "workbench.action.tasks.runTask",
    "args": "Chrome"
}

वेबसर्वर पर चलने के लिए:

https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

Answer 7

लिनक्स में, आप xdg-openडिफॉल्ट ब्राउजर के साथ फाइल को खोलने के लिए कमांड का उपयोग कर सकते हैं :

{
    "version": "0.1.0",
    "linux": {
        "command": "xdg-open"
    },
    "isShellCommand": true,
    "showOutput": "never",
    "args": ["${file}"]
}

Comments

धन्यवाद! मैं एक लिनक्स उपयोगकर्ता हूँ और महसूस कर रहा था। मैं Ctrl + Shift + bइसे उस ब्राउज़र में लॉन्च करने के लिए प्रेस करना चाहता हूं । मेरे लिए, मेनेमोनिक "बी = ब्राउज़र" था। :-)

— akush981

यह काम करता है लेकिन पदावनत लगता है, अगर आपके पास एक अद्यतन संस्करण है, तो धन्यवाद

— ब्रूनो एल।

Answer 8

चरण 1:

1. विजुअल स्टूडियो कोड खोलें, फिर एक्सटेंशन पर जाएं।

2. "ब्राउज़र में खोलें" के लिए खोजें।

   3. इसे स्थापित करें।

   4. अपने HTML फ़ाइल पर क्लिक करें, आपको "ब्राउज़र में ओपन" विकल्प मिलेगा।

   बस इतना ही................................................ ......

Answer 9

मैं बस उन चरणों को फिर से पोस्ट कर रहा हूं जो मैंने msdnब्लॉग से उपयोग किए थे । यह समुदाय की मदद कर सकता है।

यह आपको एक स्थानीय वेब सर्वर को lite- सर्वर के साथ सेटअप करने में मदद करेगा VS Code, और आपको अपनी स्थिर htmlफ़ाइलों को localhostऔर debugआपके Javascriptकोड को होस्ट करने के लिए मार्गदर्शन भी करेगा ।

1. Node.js स्थापित करें

यदि पहले से स्थापित नहीं है, तो इसे यहां प्राप्त करें

यह npm (आपके विकास पुस्तकालयों के अधिग्रहण और प्रबंधन के लिए पैकेज प्रबंधक) के साथ आता है

2. अपने प्रोजेक्ट के लिए एक नया फ़ोल्डर बनाएँ

कहीं आपके ड्राइव में, आपके वेब ऐप के लिए एक नया फ़ोल्डर बनाएँ।

3. प्रोजेक्ट फ़ोल्डर में एक package.json फ़ाइल जोड़ें

फिर निम्नलिखित पाठ को कॉपी / पेस्ट करें:

{
   "name": "Demo",
   "version": "1.0.0",
   "description": "demo project.",
   "scripts": {
     "lite": "lite-server --port 10001",
     "start": "npm run lite"
   },
   "author": "",
   "license": "ISC",
   "devDependencies": {
     "lite-server": "^1.3.1"
   }
}

4. वेब सर्वर स्थापित करें

एक टर्मिनल विंडो में (विंडोज में कमांड प्रॉम्प्ट) आपके प्रोजेक्ट फ़ोल्डर में खोला गया है, इस कमांड को चलाएं:

npm install

यह lite- सर्वर (package.json में परिभाषित) स्थापित करेगा, एक स्थैतिक सर्वर जो आपके डिफ़ॉल्ट ब्राउज़र में index.html लोड करता है और एप्लिकेशन फ़ाइलों को बदलने पर ऑटो इसे रीफ्रेश करता है।

5. स्थानीय वेब सर्वर शुरू करो!

(मान लें कि आपके पास अपने प्रोजेक्ट फ़ोल्डर में एक index.html फ़ाइल है)।

एक ही टर्मिनल विंडो में (विंडोज में कमांड प्रॉम्प्ट) इस कमांड को चलाएं:

npm start

प्रतीक्षा करें एक दूसरा और index.html लोड किया गया है और आपके स्थानीय वेब सर्वर द्वारा आपके डिफ़ॉल्ट ब्राउज़र में प्रदर्शित किया गया है!

lite-server आपकी फ़ाइलों को देख रहा है और जैसे ही आप किसी भी html, js या css फाइलों में बदलाव करते हैं, पेज को रिफ्रेश करते हैं।

और यदि आपके पास वी.एस. कोड को ऑटो सेव (मेन्यू फाइल / ऑटो सेव) में कॉन्फ़िगर किया गया है, तो आप टाइप करते ही ब्राउजर में बदलाव देखते हैं!

टिप्पणियाँ:

• जब तक आप दिन में अपने ऐप में कोडिंग नहीं करते हैं, कमांड लाइन प्रॉम्प्ट को बंद न करें
• यह http: // localhost: 10001 पर खुलता है, लेकिन आप package.json फ़ाइल को संपादित करके पोर्ट बदल सकते हैं।

बस। अब किसी भी कोडिंग सत्र से पहले बस npm शुरू टाइप करें और आप जाने के लिए अच्छे हैं!

मूल रूप से यहांmsdn ब्लॉग में पोस्ट किया गया है। क्रेडिट लेखक को जाता है:@Laurent Duveau

Answer 10

यदि आप मैक पर हैं तो यह tasks.jsonफ़ाइल:

{
    "version": "0.1.0",
    "command": "open",
    "args": ["${file}"],
}

... सफारी में आपको वर्तमान फ़ाइल खोलने की ज़रूरत है, यह मानते हुए कि इसका एक्सटेंशन ".html" है।

tasks.jsonऊपर वर्णित के रूप में बनाएँ और इसे ⌘+ shift+ के साथ आह्वान करेंb ।

यदि आप चाहते हैं कि यह क्रोम में खुले तो:

{
    "version": "0.1.0",
    "command": "open",
    "args": ["-a", "Chrome.app", "${file}"],
}

यह वही करेगा जो आप चाहते हैं, जैसे कि एक नया टैब खोलने में अगर ऐप पहले से ही खुला है।

Answer 11

एक क्लिक समाधान केवल Visual Studio मार्केटप्लेस से ओपन-इन-ब्राउज़र एक्सटेंशन स्थापित करता है ।

Answer 12

अद्यतन उत्तर 18 अप्रैल, 2020 में

इस लेफ्ट-बॉटम मैनेज आइकन पर क्लिक करें। एक्सटेंशन या शॉर्ट कट पर क्लिक करेंCtrl+Shift+X

फिर इस कुंजी वाक्य के साथ एक्सटेंशन में खोलें डिफ़ॉल्ट ब्राउज़र में खोलें । आपको यह एक्सटेंशन मिल जाएगा । यह मेरे लिए बेहतर है।

अब htmlफाइल पर राइट क्लिक करें और ब्राउजर में फाइल देखने के लिए आपको ओपन इन डिफॉल्ट ब्राउजर या शॉर्ट कट Ctrl+1दिखाई देगा html।

Answer 13

मैक के लिए - क्रोम में खुलता है - वीएस कोड वी 1.9.0 पर परीक्षण किया गया

1. कमांड पैलेट खोलने के लिए Command+ shift+ pका उपयोग करें ।

2. टास्क रनर कॉन्फ़िगर करें में टाइप करें, पहली बार ऐसा करने पर, वीएस कोड आपको स्क्रॉल डाउन मेनू देगा, यदि वह "अन्य" का चयन करता है। " यदि आपने पहले ऐसा किया है, तो वीएस कोड आपको सीधे कार्य के लिए भेज देगा।

3. कार्यों में एक बार। Json फ़ाइल। प्रदर्शित स्क्रिप्ट हटाएं और इसे निम्न द्वारा प्रतिस्थापित करें:

{
    "version": "0.1.0",
    "command": "Chrome",
    "osx": {
        "command": "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome"
    },
    "args": ["${file}"]
}

4. अपने html फ़ाइल और प्रेस करने के लिए स्विच वापस Command+ Shift+ bक्रोम में अपने पेज देखने के लिए।

Answer 14

CTRL+SHIFT+Pकमांड पैलेट लाएगा।
आप जो चल रहे हैं उसके आधार पर। ASP.net ऐप में उदाहरण आप टाइप कर सकते हैं:
>kestrelऔर फिर अपना वेब ब्राउज़र खोलें और टाइप करेंlocalhost:(your port here) ।

यदि आप इसमें टाइप करते हैं >तो आपको शो दिखाएगा और कमांड चलाएगा

या HTML के साथ आपके मामले में, मुझे लगता है F5 कि कमांड पैलेट खोलने के बाद डीबगर को खोलना चाहिए।

स्रोत: लिंक

Comments

मैं इस उद्घाटन मिला content.screencast.com/users/Orphydian/folders/3ds%20max/media/...

Answer 15

ओपेरा ब्राउज़र में फ़ाइलें खोलना (विंडोज 64 बिट्स पर)। बस यह लाइनें जोड़ें:

{
"version": "0.1.0",
"command": "opera",
"windows": {
    "command": "///Program Files (x86)/Opera/launcher.exe"
},
"args": ["${file}"] }

"कमांड" पर पथ प्रारूप पर ध्यान दें : लाइन। "C: \ path_to_exe \ runme.exe" प्रारूप का उपयोग न करें।

इस कार्य को चलाने के लिए, उस html फ़ाइल को खोलें जिसे आप देखना चाहते हैं, F1 दबाएं, कार्य ओपेरा टाइप करें और एंटर दबाएँ

Answer 16

मेरी रनर स्क्रिप्ट दिखती है:

{
    "version": "0.1.0",

    "command": "explorer",

    "windows": {
        "command": "explorer.exe"
    },

    "args": ["{$file}"]
}

और जब मैं ctrl शिफ्ट b को अपनी index.html फ़ाइल में दबाता हूँ तो यह केवल मेरा एक्सप्लोरर खोल देता है

Answer 17

यहाँ है कि आप इसे विंडोज़ के लिए कई ब्राउज़रों में कैसे चला सकते हैं

{
 "version": "0.1.0",
 "command": "cmd",
 "args": ["/C"],
 "isShellCommand": true,
 "showOutput": "always",
 "suppressTaskName": true,
 "tasks": [
     {   
         "taskName": "Chrome",
         "args": ["start chrome -incognito \"${file}\""]
     },
     {   
         "taskName": "Firefox",
         "args": ["start firefox -private-window \"${file}\""]
     },
     {   
         "taskName": "Edge",
         "args": ["${file}"]
     }   
    ]
}

ध्यान दें कि मैंने एज के लिए कुछ भी टाइप नहीं किया क्योंकि एज मेरा डिफॉल्ट ब्राउज़र है, बस इसे फाइल का नाम दिया।

संपादित करें: आप भी -incognito की जरूरत नहीं है और न ही -प्राथमिक-खिड़की ... यह सिर्फ मुझे है मैं इसे एक निजी विंडो में देखना पसंद करता हूं

Comments

मैं केवल tasksभाग की नकल कर रहा था । "args":["/C"]इस काम में आता है क्या है। जिज्ञासा से बाहर, यह क्या करता है?

— रयान बी

Answer 18

हाल ही में www.lynda.com में विजुअल स्टूडियो कोड ट्यूटोरियल में से एक में यह फीचर आया था

M के बाद Ctrl + K दबाएं, यह "भाषा का चयन करें मोड" खोलेगा (या दाएं हाथ के निचले कोने पर क्लिक करें जो HTML को उस स्माइली से पहले कहता है), मार्कडाउन टाइप करें और एंटर दबाएं

अब V के बाद Ctrl + K दबाएं, यह आपके HTML को टैब के पास खोल देगा।

टाडा !!!

अब मेरी html फ़ाइल में एममेट कमांड इस मोड में काम नहीं कर रहा था, इसलिए मैं मूल स्थिति पर वापस चला गया (नोट - html टैग टेलिसेंस पूरी तरह से काम कर रहे थे)

मूल स्थिति पर जाने के लिए - M के बाद Ctrl + K दबाएं, ऑटो-डिटेक्ट का चयन करें। एम्मेट कमांड ने काम करना शुरू कर दिया। यदि आप html केवल दर्शक से खुश हैं, तो आपको मूल स्थिति में वापस आने की कोई आवश्यकता नहीं है।

आश्चर्य है कि क्यों vscode डिफ़ॉल्ट रूप से html दर्शक विकल्प नहीं है, जब यह मार्कट मोड में HTML फ़ाइल को निकालने में सक्षम है।

वैसे भी मस्त है। हैप्पी vscoding :)

Comments

सवाल यह है कि किसी ब्राउज़र में कैसे देखा जाए।

— user5389726598465

Answer 19

यहाँ मैक OSx के लिए संस्करण 2.0.0 है:

{
  // See https://go.microsoft.com/fwlink/?LinkId=733558
  // for the documentation about the tasks.json format
  "version": "2.0.0",
  "tasks": [
    {
      "label": "echo",
      "type": "shell",
      "command": "echo Hello"
    },
    {
      "label":"chrome",
      "type":"process",
      "command":"/Applications/Google Chrome.app/Contents/MacOS/Google Chrome",
      "args": [
        "${file}"
      ]
    }
  ]
}

Answer 20

Ctrl + F1 डिफ़ॉल्ट ब्राउज़र को खोलेगा। वैकल्पिक रूप से आप कमांड विंडो खोलने के लिए Ctrl + Shift + P दबा सकते हैं और "ब्राउज़र में देखें" का चयन कर सकते हैं। HTML कोड को फ़ाइल में सहेजा जाना चाहिए (संपादक पर बिना सहेजे गए कोड - बिना विस्तार के, काम नहीं करता है)

Comments

विजुअल स्टूडियो कोड का आप किस संस्करण का उपयोग कर रहे हैं? वे कमांड मेरे अभी-अपडेट किए गए 1.8.1 में काम नहीं कर रहे हैं। Ctrl + F1 कुछ नहीं करता है और मेरे पास कमांड पैलेट में ब्राउज़र ऑप्शन में व्यू नहीं है। हो सकता है कि आपके पास अपने कार्यों में डिफ़ॉल्ट रूप से स्थापित या अतिरिक्त कार्य हों।

— jla

मेरे पास एक ही संस्करण है लेकिन मुझे एहसास हुआ कि मैंने इसके लिए एक एक्सटेंशन स्थापित किया है। यह है: marketplace.visualstudio.com/…

— PersyJack

Answer 21

शायद सबसे ऊपर के जवाब से एक समाधान खोजने में सक्षम हो जाएगा, लेकिन यह देखकर कि मेरे लिए कोई भी काम नहीं किया ( vscode v1.34) मुझे लगा कि मैं अपना अनुभव साझा करूंगा। अगर कम से कम एक व्यक्ति को यह मददगार लगता है, तो एक व्यर्थ पोस्ट, अमीरी को शांत न करें ?

---

वैसे भी, मेरा समाधान ( windows) @ noontz's का एक शीर्ष बनाया गया है। उनका कॉन्फ़िगरेशन पुराने संस्करणों के लिए पर्याप्त हो सकता है, vscodeलेकिन 1.34कम से कम (मैं इसे काम नहीं कर सका ..)।

हमारे विन्यास लगभग समान हैं एक ही संपत्ति को बचाते हैं - वह संपत्ति,group संपत्ति। मुझे यकीन नहीं है कि क्यों लेकिन इसके बिना, मेरा कार्य कमांड पैलेट में भी दिखाई नहीं देगा।

इसलिए। चलने वाले उपयोगकर्ताओं के tasks.jsonलिए एक कार्य :windowsvscode 1.34

{
    "version": "2.0.0",
    "tasks": [
        {
            "label": "Chrome",
            "type": "process",
            "command": "chrome.exe",
            "windows": {
                "command": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe"
            },
            "args": [
                "${file}"
            ],
            "group": "build",
            "problemMatcher": []
        }
    ]
}

ध्यान दें कि problemMatcherसंपत्ति को काम करने के लिए इसकी आवश्यकता नहीं है, लेकिन इसके बिना आप पर एक अतिरिक्त मैनुअल कदम नहीं लगाया जाता है। इस संपत्ति पर डॉक्स पढ़ने की कोशिश की, लेकिन मैं समझने के लिए बहुत मोटी हूं। उम्मीद है कि कोई मेरे बारे में आएगा और मुझे स्कूल करेगा लेकिन हां, इसके लिए अग्रिम धन्यवाद। सब मुझे पता है - इस संपत्ति को शामिल करें और एक नई टैब में ctrl+shift+bवर्तमान htmlफ़ाइल को खोलता है chrome, परेशानी मुक्त।

---

आसान।

Answer 22

प्रांप्ट से URL के साथ कस्टम क्रोम खोलें

{
  "version": "2.0.0",
  "tasks": [
    {
      "label": "Open Chrome",
      "type": "process",
      "windows": {
        "command": "${config:chrome.executable}"
      },
      "args": ["--user-data-dir=${config:chrome.profileDir}", "${input:url}"],
      "problemMatcher": []
    }
  ],
  "inputs": [
    {
      "id": "url",
      "description": "Which URL?",
      "default": "http://localhost:8080",
      "type": "promptString"
    }
  ]
}

सक्रिय फ़ाइल के साथ कस्टम क्रोम खोलें

{
  "label": "Open active file in Chrome",
  "type": "process",
  "command": "chrome.exe",
  "windows": {
    "command": "${config:chrome.executable}"
  },
  "args": ["--user-data-dir=${config:chrome.profileDir}", "${file}"],
  "problemMatcher": []
},

टिप्पणियाँ

• यदि आवश्यक हो, तो windowsसंपत्ति को अन्य ओएस द्वारा बदलें
• ${config:chrome.executable}अपने कस्टम क्रोम स्थान के साथ बदलें , जैसे"C:/Program Files (x86)/Google/Chrome/Application/chrome.exe"
• ${config:chrome.profileDir}अपने custome क्रोम प्रोफ़ाइल निर्देशिका के साथ बदलें , जैसे "C:/My/Data/chrome/profile" या इसे बाहर छोड़ दें
• आप चाहें तो चरों को ऊपर रख सकते हैं। ऐसा करने के लिए, निम्न प्रविष्टियाँ जोड़ें settings.json- उपयोगकर्ता या कार्यक्षेत्र -, अपनी आवश्यकताओं के लिए पथ समायोजित करें:

"chrome.executable": "C:/Program Files (x86)/Google/Chrome/Application/chrome.exe",
"chrome.profileDir": "C:/My/Data/chrome/profile"

• आप launch.jsonडीबगिंग उद्देश्यों के लिए इन चर का पुनः उपयोग कर सकते हैं:"runtimeExecutable": "${config:chrome.executable}"