前端開發環境搭建


1、下載Node.js,建議下LTS的版本(可以使用JavaScript進行后端的開發)

下載地址:https://nodejs.org/en/

2、安裝Node.js(傻瓜式安裝)
3、進入cmd,輸入 node -v 和 npm -v 查看是否安裝成功

4、下載安裝VScode

下載地址:https://www.visualstudio.com

鏈接:https://pan.baidu.com/s/1nZCeKryPawKNLupX00WR7w
提取碼:4s2d

傻瓜式安裝

5、在VScode中插件安裝

安裝open in browser插件(瀏覽器插件,用於訪問html頁面,在擴展欄的搜索框中輸入 open in browser 使用 Alt+B 使用默認瀏覽器打開當前html頁面,或者 shift+Alt+B 選擇其他瀏覽器)
安裝 Vue 2 Snippets 插件
安裝 Vetur 插件 支持高亮
安裝 Auto Rename Tag 插件 自動完成開始和結束標簽保持一致
安裝 Path lntellisense 自動路徑補全
安裝 HTML CSS Support 讓html標簽智能提示當前項目所支持的樣式

 

 6、在VScode中,打開你的項目

 

 7、打開該項目的終端

 

 8、輸入 npm install 或者 yarn install 命令,下載所有依賴

 

 

9、輸入 npm run serve 命令 啟動項目

 

 10、在瀏覽器輸入 http://localhost:3000/ 或者 http://192.168.51.194:3000/ 可瀏覽項目

 

 

 

 

 


免責聲明!

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



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