VSCode中配置node.js的實現(xiàn)示例
一.node.js下載安裝教程
1.下載安裝
進入node.js官網(wǎng)(Node.js — 在任何地方運行 JavaScript),點擊下載
得到這個
2.進入安裝界面,在此處勾選,再點擊next:
3.默認路徑,但也可以更換路徑
4.后面的直接點next即可
5.點擊finish,安裝完畢
6.在命令提示符檢驗是否安裝成功
node.js是否安裝成功
node -v
node.js對應的npm是否安裝成功
npm -v
若輸出版本號,則說明安裝成功
二.配置npm
注意:要關(guān)掉先前打開的命令提示符,以管理員身份運行。
1.配置npm的全局模塊安裝路徑
npm config get prefix
結(jié)果:
2.配置npm的淘寶鏡像(使用最新版淘寶鏡像地址)
全局更換
npm config set registry http://registry.npmmirror.com
檢驗
npm config get registry
輸出淘寶鏡像網(wǎng)址則表示成功
三.配置環(huán)境變量
1.進入到高級系統(tǒng)設置的環(huán)境變量中
2.點擊用戶變量的Path,選擇編輯
附:我的node.js下載的路徑:
3.系統(tǒng)變量不用添加,安裝完時已經(jīng)有了
4.Node.js安裝完成。
四.VSCode配置
1.在VSCode中安裝插件,一個是負責運行的Code Runner
,一個是JS的語法提示JavaScript(ES6) code snippets
2.創(chuàng)建配置文件,打開你的代碼文件夾,先隨便創(chuàng)建一個app.js,隨便寫幾句測試代碼。然后點擊左邊側(cè)邊欄的調(diào)試工具,選擇創(chuàng)建launch.json文件
3.測試代碼
console.log("hello");
4.選擇node.js調(diào)試環(huán)境。
5.此時配置文件會自動生成,注意重點要修改一個地方,這里不要寫死。將program
屬性改成${file}
,這樣可以識別當前調(diào)試的文件,不需要每次都在這里更換文件名,調(diào)試哪個文件直接F5就OK。
6.點擊運行,看終端的輸出結(jié)果(記得代碼先要保存,否則終端可能會保存之前已有的代碼錯誤而報錯)
7.全部配置完成。
五.心得
看了很多配置視頻的資料,五花八門,終于終于搞好了,防止自己忘掉,還是寫個博客吧。
到此這篇關(guān)于VSCode中配置node.js的實現(xiàn)示例的文章就介紹到這了,更多相關(guān)VSCode配置node.js內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
Node.js 獲取微信JS-SDK CONFIG的方法示例
這篇文章主要介紹了Node.js 獲取微信JS-SDK CONFIG的方法示例,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-05-05node.js中express模塊創(chuàng)建服務器和http模塊客戶端發(fā)請求
今天小編就為大家分享一篇關(guān)于node.js中express模塊創(chuàng)建服務器和http模塊客戶端發(fā)請求,小編覺得內(nèi)容挺不錯的,現(xiàn)在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧2019-03-03Node.JS段點續(xù)傳:Nginx配置文件分段下載功能的實現(xiàn)方法
在Node.JS中可以配置這個標簽來實現(xiàn)文件的分段下載。這篇文章給大家介紹了Node.JS段點續(xù)傳:Nginx配置文件分段下載功能的實現(xiàn)方法,需要的朋友參考下吧2018-03-03npm?install的--save和--save-dev使用說明(推薦)
這篇文章主要介紹了npm?install的--save和--save-dev使用說明,文中給大家提到了各個命令的區(qū)別及各種安裝參數(shù)的區(qū)別,需要的朋友可以參考下2022-08-08Windows系統(tǒng)下Node.js安裝以及環(huán)境配置的完美教程
相信對于很多關(guān)注javascript發(fā)展的同學來說,nodejs已經(jīng)不是一個陌生的詞眼,下面這篇文章主要給大家介紹了關(guān)于Windows系統(tǒng)下Node.js安裝以及環(huán)境配置的完美教程,需要的朋友可以參考下2022-06-06