前端搭建環(huán)境,工具

下載vscode需要用到node.js和git

一、安裝NodeJs

1.下載Nodejs

Node.js官網(wǎng)下載地址:https://nodejs.org/en/download/

tips:腳本語言需要一個解析器才能運行,JavaScript是腳本語言,在不同的位置有不一樣的解析器,如寫入html的js語言,瀏覽器是它的解析器角色。而對于需要獨立運行的JS,nodejs就是一個解析器。

2.安裝

安裝的時候除了安裝的路徑修改為非系統(tǒng)盤外,其他默認。我安裝到D:\Program Files\nodejs,默認情況下會安裝npm(Node Package Manager),是一個項目依賴庫的管理工具。

3.檢測是否安裝成功

打開命令行或者在vscode里“終端\新建終端”,在終端輸入命令

node -v     //會輸出當前node的安裝版本
npm -v      //會輸出當前npm的安裝版本

二、安裝Git

實際項目開發(fā)中,我們經(jīng)常會用一些版本控制器來托管自己的代碼

git官網(wǎng)下載地址:https://git-scm.com/downloads

可視化代碼提交工具(小章魚)
GitKraken 客戶端:https://www.gitkraken.com/download

多分支提交步驟:

1.個人分支commit(push)
2.切換到master主分支pull
3.主分支meger到個人分支(如果沒有錯誤)
4.個人分支meger到主分支
5.主分支push

Git常用命令和常見問題

三、安裝VScode

VSCode一款免費開源的現(xiàn)代化輕量級代碼編輯器,前端開發(fā)一大利器。

vscode官網(wǎng)下載地址:https://code.visualstudio.com/

image
1.設(shè)置中文語言

-使用快捷鍵【Ctrl+Shift+P】,彈出的搜索框中輸入【configure language】
-然后選擇搜索出來的【Configure Display Language】,locale的屬性值為“zh-CN”
-安裝插件名為【Chinese (Simplified)Language Pack for Visual Studio Code】
-重啟VSCode軟件生效。

2.插件
  • 主題
    • Material Icon Theme
    • Cobalt2 Theme Official
  • vue svg image browser git Tag

作者:回到唐朝做IT
鏈接:http://www.itdecent.cn/p/b5886a01b57c
來源:簡書
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

四、搭建環(huán)境

1.Python
2.Java
  • 官網(wǎng) : https://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html
  • 百度云 jdk 8.x 鏈接:https://pan.baidu.com/s/1iGZ6Vsbs11cZ-Pr1AHkyPQ
    提取碼:fztl
  • 環(huán)境變量設(shè)置 :
    (1)新建->變量名"JAVA_HOME",變量值"C:\Program Files\Java\jdk1.8.0_221"(即JDK的安裝路徑)
    (2)編輯->變量名"Path",在原變量值的最后面加上“;C:\Program Files\Java\jdk1.8.0_221\bin;C:\Program Files\Java\jdk1.8.0_221\jre\bin;” ,win10去掉分號,隔行即可(這里是jdk路徑)
    (3)新建->變量名“CLASSPATH”,變量值“.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar”
3.安卓環(huán)境
  • sdk
    鏈接:https://pan.baidu.com/s/1rm8gRqQDVCqN0ZWK1Hbs5w
    提取碼:26td
  • 環(huán)境變量設(shè)置
    (1)新建->變量名"ANDROID_HOME",變量值"D:\Android\android-sdk"(即JDK的安裝路徑)
    (2)編輯->變量名"Path",在原變量值的最后面加上“;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools” ,win10去掉分號,隔行即可,筆者下面有圖
  • android-studio下載

五、免費辦公軟件

  • Snipaste 截圖軟件
  • Typora md 軟件
  • Notepad++ 便攜編輯器
  • MobaXterm_Personal 遠程命令運維軟件 類似 xsell
  • WinScp 遠程管理端起 類似xftp
  • BandZip 壓縮軟件
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容