)通過創建WebSite程序,創建網頁
通過VS菜單欄的"文件"->"新建"->"新建網站"->"ASP.NET空網站"
創建web空網站
在右側的"解決方案"窗口的空網站上右擊選擇"添加"->"html"起個名字
創建網頁
2)通過創建WebApplication程序創建網頁
通過VS菜單欄的"文件"->"新建"->"項目"->"新建項目"->"ASP.NET空Web應用程序"
創建空web程序
創建好空web程序之后,添加網頁方式如上一個圖"創建網頁"所示基本差不多不再截圖
3)在指定瀏覽器中查看編輯好的網頁
3.1為WebApplication程序設置指定瀏覽器
設置瀏覽器
如上圖所示,點擊此圖標即可在瀏覽器中查看編輯后的效果;通過此圖標的右側小三角形查看電腦上都有上面瀏覽器,,前面打對勾地表示當前打開的瀏覽器,如果設置其他的默認瀏覽器,選擇"使用以下工具瀏覽"選項,在彈出的對話框中添加,移除設置默認瀏覽器(默不默認個人感覺差別不大),自己手動試試不再贅述
瀏覽器選項中的"Page Inspector"是VS自帶的使用IE內核的小瀏覽器
3.2為WebSite程序指定瀏覽器
3.2.1第一種方式:WebApplication程序設置方式差不多自己測試;
3.2.2第二種方式:在右側WebSite上右擊選擇"瀏覽方式",在此窗口中設置默認等操作
兩種程序第一次點擊瀏覽圖標查看網頁時都會打開一個VS自帶小型的服務器(IIS)
使用VS創建網頁便于下面的JavaScript(簡稱js)語言的講解
scode怎么運行代碼HTML?vscode是一款源代碼編輯器軟件,能夠用于windows、macOS以及Linux系統,具有豐富的其他語言。網站html編寫也需要使用到vscode,但是很多小伙伴們不知道如何運行編寫html代碼,那么今天就來教大家vscode怎么運行代碼HTML以及怎么在vscode編寫HTML代碼,一起來看看吧。
VS Code中運行
代碼有兩種方法:
1.自動打開HTML文件
步驟如下:
1)在VS Code中搜索并安裝Live Server插件;
2)打開HTML文件;
3)右鍵單擊編輯器中的HTML代碼,選擇“Open with Live Server”;
4)瀏覽器將自動打開并顯示HTML頁面。
2.手動打開HTML文件
步驟如下:
1)打開HTML文件;
2)右鍵單擊編輯器中的HTML代碼,選擇“Open with Default Application”;
3)瀏覽器將自動打開并顯示HTML頁面。
于從事自動化測試的同學來說,有很多自動化測試項目是需要使用JavaScript腳本語言進行coding的,包括selenium、playwright、Puppeteer,那么選擇哪種IDE合適呢?在這里我推薦visual studio code ,即vscode!注意:本文介紹的是JavaScript在后端運行和調試的方法,并未涉及前端(瀏覽器)相關開發知識點。
NodeJS是一個基于 Chrome V8 引擎的 JavaScript 運行時環境,它是跨平臺和開源的。這里我們簡單的把瀏覽器和NodeJS進行一下對比:
1. 瀏覽器是 JavaScript 的前端運行環境,而 NodeJS 則是 JavaScript 的后端運行環境;
2. JavaScript 在 NodeJS 運行環境中無法調用 DOM 和 BOM 等瀏覽器內置 API;
3. JavaScript 在瀏覽器提供的 JavaScript 運行環境中也無法使用 NodeJS 提供的內置 API。
下載nodejs,默認安裝即可
https://nodejs.org/en/
安裝成功后(windows 環境),在cmd窗口中輸入node –v,出現如下提示證明安裝成功
C:\Users\Administrator>node -v
v18.15.0
下載地址:https://code.visualstudio.com/Download,下載后默認安裝即可
這里默認大家已經了解了vscode的基礎使用方法,如果不了解可以參考官方文檔:
https://code.visualstudio.com/docs
在vscode的插件市場中,搜索code runner,點擊安裝即可,如下圖
創建一個Helloword.js文件,代碼如下:
console.log("Hello Javascript!")
在vscode中按 F5,在選擇調試器選項中,選擇nodejs,腳本會正常運行,輸出
Hello Javascript!
大家在調試控制臺中會看到
C:\Program Files\nodejs\node.exe .\ Helloword.js
這說明了vscode 通過我們安裝的nodejs 運行了這個js腳本。我們手寫一個js腳本,通過執行命令node yourjs.js也是可以運行js腳本的!
是不是很簡單呢?如果文章幫助了您,勞煩點贊、收藏、轉發!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。