1. 簡介
VisualStudioCode是一個輕量級但功能強大的源代碼編輯器,它運行在桌面上,可用於Windows、macOS和Linux。它內置了對JavaScript、TypeScript和Node.js並有豐富的擴展語言的其他語言(如C++,C,java,python,php,go)和運行時(如.NET和Unity)的支持。
2. 下載安裝
https://www.cnblogs.com/wffzk/p/15155947.html
3 .插件
進行前端vue的開發,建議安裝的插件有:Live Server、Vetur、vue-helper。

4.新建項目
第一步:在自己的電腦上新建文件夾,例如:project_es
第二布:用VisualStudioCode打開這個文件夾

第三步:把這個文件夾保存成工作區


第四步:在項目中創建文件夾demo

第五步:右擊文件夾demo,新建文件hello.html

新建文件hello.html,其內容如下:
<html> <head> <title>Hello World</title> </head> <body> <h1>hello Visual Studio Code</h1> </body> </html>
第六步:右擊其任意位置,點擊“Open with Live Server”:

瀏覽器顯示如下圖, 至此,用visual studio code創建項目的過程就結束了。

OK,visual studio code創建Vue項目到此完工~~~
