一、Visual Studio Code 簡(jiǎn)介
Visual Studio Code 簡(jiǎn)稱 VSCode , 是 微軟 開(kāi)發(fā)的一款 輕量級(jí) / 跨平臺(tái) 的代碼編輯器 ;
VSCode 支持 Windows、macOS 和 Linux 操作系統(tǒng) ;
VSCode 支持如下 編程語(yǔ)言 :
- JavaScript
- TypeScript
- Node.js
- C++
- C#
- Java
- Python
- PHP
- Go
VSCode 集成了調(diào)試器 , 可以調(diào)試 上述 多種語(yǔ)言 ;
VSCode 內(nèi)置了 Git 版本控制插件 , 可以進(jìn)行 版本控制 和 代碼提交 ;
二、MAC 安裝 Visual Studio Code
1、下載 Visual Studio Code
進(jìn)入 Visual Studio Code 官網(wǎng) https://code.visualstudio.com/
在 首頁(yè) 中 , 網(wǎng)站會(huì)根據(jù) 瀏覽器 的 訪問(wèn)信息 , 自動(dòng)判斷出當(dāng)前訪問(wèn)的平臺(tái) , 可以根據(jù)訪問(wèn)平臺(tái)自動(dòng)判斷出要下載的 軟件版本 ;
點(diǎn)擊 下載按鈕 右側(cè)的 下拉菜單 , 可以選擇下載 Windows / MAC / Linux 系統(tǒng)的 Visual Studio Code 軟件 ;
2、安裝 Visual Studio Code
下載完成之后 , 下載的 VSCode-darwin-universal.zip 文件有 218.7MB ;
雙擊 VSCode-darwin-universal.zip 壓縮包之后 , 會(huì)自動(dòng)解壓到本地目錄中 ;
將上述解壓的 Visual Studio Code 文件 移動(dòng)到 應(yīng)用程序 目錄中 ;
雙擊 Visual Studio Code 彈出如下對(duì)話框 , 同意打開(kāi)即可 ;
打開(kāi)后的界面如下 :
3、安裝中文語(yǔ)言包
啟動(dòng) VSCode 之后 , 會(huì)彈出 安裝中文語(yǔ)言包 提示 , 這里點(diǎn)擊 " 安裝并重啟 " 按鈕 ;
安裝語(yǔ)言包完畢后的效果如下 :
4、編輯 html 并運(yùn)行
打開(kāi)一個(gè)空目錄 , 創(chuàng)建一個(gè) html 頁(yè)面 ,
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!-- 設(shè)置 meta 視口標(biāo)簽 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>JavaScript</title>
<style></style>
<script>
// JavaScript 函數(shù)
// 定義函數(shù)
function add(num1, num2) {
// 打印所有的實(shí)參
console.log(arguments);
// 返回返回值
return num1 + num2;
}
// 函數(shù)有返回值
var ret = add(1, 2);
console.log("函數(shù)返回值 : " + ret);
ret = add(3, 4, 5, 6, 7, 8, 9, 10);
console.log("函數(shù)返回值 : " + ret);
</script>
</head>
<body>
</body>
</html>
按下 Fn + F5 執(zhí)行程序 , 會(huì)彈出選擇 調(diào)試器 選項(xiàng) , 這里選擇 Web 應(yīng)用 ( Chrome ) 選項(xiàng) ;
在彈出的 Chrome 瀏覽器中 , 使用 Fn + F12 快捷鍵 , 可以打開(kāi) 瀏覽器 的控制臺(tái) ;文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-861335.html
文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-861335.html
到了這里，關(guān)于【開(kāi)發(fā)環(huán)境】Mac 安裝 Visual Studio Code ① ( VSCode 簡(jiǎn)介 | 下載 VSCode | 安裝 VSCode | 安裝中文語(yǔ)言包 )的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
