VScode---visual studio code創建Vue項目


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項目到此完工~~~

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM