導航:首頁 > 編程語言 > vsc開發nodejs

vsc開發nodejs

發布時間:2023-02-21 12:18:28

1. 如何在vscode中使用nodejs

一、使用Express創建項目[這兩步都在dos 模式下執行]1,安裝全局的Express!(已安裝請忽略)npm install -g express2,創建項目創建項目(創建文件夾名稱ExpressApp) express ExpressApp小插曲:如果你習慣了linux下的環境,你可以在自己電腦上安裝cmder(不知道是什麼東西,請自行網路),這個命令行工具排版漂亮,不像微軟的dos 那麼枯燥!我用的是Mini版本,如果你想體驗linux下的全部功能,可以下載full版本。 3,下載第三方包 (1)cmd命令行切換到項目目錄cd d:\nodejs\ExpressApp(2)根據需要編輯package.json,運行如下指令安裝第三方包npm install 在項目目錄下node_moles可見安裝好的第三方包 ExpressApp |– node_moles (3)運行項目 npm start輸出如下:[email protected] start d:\Nodejs_Workspace\ExpressApp node ./bin/www 註:npm start指令會自動執行node ./bin/www在瀏覽器中輸入http://localhost:3000,可訪問Express歡迎頁面二、使用VSCode開發Nodejs 1、VSCode打開Nodejscode d:\nodejs\ExpressAppcode.註:在當前項目下創建ExpressApp.bat,輸入「code .」即可,下次直接此文件直接使用VSCode打開Nodejs項目2、添加智能提示VSCode打開Nodejs項目,默認是沒有智能提示。 (1)使用TypeScript Definition Manager(TSD)在項目中下載所需的tsd文件,VSCode中打開時有智能 全局安裝tsd(如已安裝忽略) npm install -g tsd下載所需的組件提示(以下載node、express、requirejs提示為例)tsd query node --action installtsd query express --action installtsd install require 註: ①多個提示組件在query參數後可以空格分隔簡寫為tsd query node express –action install ②組件會項目目錄下添加typings文件夾 |– typings |– node |– express |– require(2)添加js文件引用的智能提示 假如在文件引用另外一個文件common.js時,文件頭添加如下 { // See https://go.microsoft.com/fwlink/?LinkId=759670 // for the documentation about the jsconfig.json format "compilerOptions": { "target": "es6", "mole": "commonjs", "allowSyntheticDefaultImports": true }, "exclude": [ "node_moles", "bower_components", "jspm_packages", "tmp", "temp" ]}(小提示,如果你引入了rquire,那麼你的編輯器右下方會顯示一個「燈泡」的提示,你只要點燈泡就不用自己苦逼的寫這個配置文件了)此配置表示代碼服從ES5標准並使用commonjs規范,發VScode下有此配置之後,可以實現在文件中對require引用js文件的智能提示。(我測試時無此配置也會有智能提示,不清楚什麼原因)

2. NodeJs VSCode 斷點調試

1.首先 你已經有一個.js 文件了,例如我的demo12.js
2.在工作區內打一些斷點,如無異常的話應該是實心紅點
3.點擊 運行和調試 按鈕

4.點擊小齒輪按鈕,修改配置文件
5.右鍵剛才那個js文件,復制出其相對路徑,放在配置文件${workplaceFolder} 的後面
6.點擊開始按鈕,進行調試

運行成功後,程序會定位到打斷點的地方,並且,調試控制台可以看到輸入結果,上面的一排按鈕與其他調試工具類似,不贅述了

在實際開發當中,可以配置多分launch.json文件,以應對不同項目的調試
修改name值用於區分,並且,要修改program ,將對應項目的入口文件配置在這里即可

3. 如何使用nodejs搭建開發環境

1.安裝NodeJS

1.編譯環境
源代碼編譯器,通常 Unix/Linux平台都自帶了C++的編譯器(GCC/G++)。如果沒有,請通過當前發行版的軟體包安裝工具安裝make,g++這些編譯工具。
Debian/Ubuntu下的工具是apt-get
RedHat/centOS下通過yum命令
Mac OS X下你可能需要安裝xcode來獲得編譯器

2.網路加密
其次,如果你計劃在Node.js中啟用網路加密,OpenSSL的加密庫也是必須的。該加密庫是libssl-dev,可以通過apt-get install libssl-dev等命令安裝。

3.手動編譯
wget http://nodejs.org/dist/v0.10.26/node-v0.10.26.tar.gz
tar zxvf node-v0.6.1.tar.gz
cd node-v0.10.26
./configure
上面幾行命令是通過wget命令下載最新版本的代碼,並解壓之。./configure命令將會檢查環境是否符合Nodejs的編譯需要。
make
make install

2.安裝NPM

1.NPM的全稱是Node Package Manager, 是NodeJs的第三方安裝庫。
curl http://npmjs.org/install.sh | sh
curl http://npmjs.org/install.sh是通過curl命令獲取這個安裝shell腳本,按後通過管道符| 將獲取的腳本交由sh命令來執行。

2.更改第三方庫
npm install underscore
[email protected] ./node_moles/underscore
由於一些特殊的網路環境,直接通過npm install命令安裝第三方庫的時候,經常會出現卡死的狀態。幸運的是國內CNode社區的@fire9 同學利用空餘時間搭建了一個鏡像的NPM資源庫,伺服器架設在日本,可以繞過某些不必要的網路問題。你可以通過以下這條命令來安裝第三方庫:
npm --registry "http://npm.hacknodejs.com/

如果你想將它設為默認的資源庫,運行下面這條命令即可:
npm config set registry "http://npm.hacknodejs.com/ "

通過npm安裝包。安裝好之後會自動被安裝到 /usr/local/bin 目錄下,而相依的函式庫也會自動安裝到 /usr/local/lib/node 目錄下,實在是非常方便。

3.安裝NodeJS調試環境

1.用npm命令安裝全局模式的 node-inspector組件
sudo npm install -g node-inspector

2.更改埠
修改 node-inspector/lib/config.js的埠
』web-port』: {
desc: 『Port to host the inspector』,
convert: conversions.stringToInt,
defaultValue: 6868
},

3.使用
node-inspector啟動一個調試工具
在chrome瀏覽器中輸入http://127.0.0.1:6868/debug?port=5858打開chrome的調試模式

使用node debug調試nodeJS項目
node --debug-brk=5858 read.js

可以在chrome中查看到調試信息

4.使用Sublime構建NodeJS

設置Sublime的Builder->>
Tools ->> Build System ->> New Build System
將如下代碼寫入
{
「cmd」: ["/usr/local/bin/node", 「$file」],
「file_regex」: 「^[ ]File "(…?)」, line ([0-9]*)",
「selector」: 「source.javascript」
}
保存為NodeJs.sublime-build文件
如此可以直接使用Com+B來使用nodejs運行程序

4. 如何在vs2010下開發nodejs

安裝的是SQLServer吧,它會自帶一個VS編輯器,但是功能有限,如果你要創建項目,請安裝VS2010。

5. visual studio code開發nodejs,自定義類對象得不到智能提示

1. 升級VS code到最新版本。
2. 安裝對JavaScript\TypeScript的支持(VS CODE 歡迎使用頁面有)。
2. 處於一個文件夾下工作版(項目文件夾)。
3. 如有可能,目錄權下需要有package.json文件(貌似不是必須)。
4. 電腦安裝有node.js 和npm.js(必須)。

6. 如何使用Visual Studio 2013開發nodejs

visual studio 2015 可以開發安卓應用,那麼該如何設置呢。它默認的是c#語言開發,如果要用c++語言開發就必須另外設置。下面介紹一下,希望能有所幫助。

工具/原料
visual studio 2015
方法/步驟
1
首先在開始按鈕處啟動visual studio 2015軟體。

2
在軟體的主界面中選擇創建新的工程,如圖所示。

3
在彈出的小窗口中按照圖中順序找到c++開發語言,此時可以看的右邊有一個安裝安卓開發應用點擊。

4
此時彈出如圖所示的窗口,等待一會兒。

5
接著彈出下圖所示的窗口,警告如果不想電腦重啟就關閉主界面,忽視掉,點擊中間的按鈕。

6
後面的安裝選項,默認全選,直接點擊繼續。

7
最後點擊更新按鈕。

8
安裝是在線安裝,並且安裝的文件比較大,耐心等待。。。

7. nodejs-koa2(mvc模式)前後端分離 前端設計

前後端分離,前端nodejs運行環境,使用koa2集成負責資源分配與用戶交互,實現token驗證用戶身份,路由控制。等!

自行 網路 解決;

"program": "${workspaceFolder}app.js"

此處就是是將app.js作為啟動文件。${workspaceFolder}代表根目錄,vsc啟動時會在根目錄下找到並載入app.js文件。

參數介紹: name 項目名稱、 version 版本號、 description 項目描述、 main 項目啟動文件、 scripts 啟動快捷設置, author 作者, dependencies 第3方中間件名稱及版本。

最重要的
dependencies 」這里添加一些要用到的包,以上是這次要用到的所有的包,版本自己更改。
scripts 」這里是一些nodejs的便捷命令,上線的時候會用到,直接在終端中,package.json同級目錄 ,執行『npm start』 即 可啟動app.js。
別的沒啥太大作用瞎寫即可。

啟動相關配置,封裝到config/init.js中,啟動文件直接引用即可

3-6-1、init.js項目核心。

異常友好處理方法封裝

路由配置

視圖渲染

核心集成

3-6-2、config.js項目參數配置。為什麼不用json文件 因為json不能加註釋

3-6-3、token.js項目token相關方法封裝。

執行後項目結構會增加兩個文件

新增

src/hello.js。

views/index.html

瀏覽器訪問: http://127.0.0.1:3000/koa/login

輸入值獲取token

獲取的token如圖:

先不用帶token進行訪問: http://127.0.0.1:3000/koa/ hello/jiaobaba,被token攔截,返回401

帶上token訪問: http://127.0.0.1:3000/koa/ hello/jiaobaba

測試頁面渲染,及跳轉html頁面,直接訪問 http://127.0.0.1:3000/koa /views

結束!!!!!!

需要源碼聯系我

8. VSC運行js代碼老出現[Done] exited with code=1 in 0.496 seconds是什麼原因

這個顯示的是程序的執行時間,不影響你代碼的運行,你只要正常寫nodejs 代碼即可。出現這個一般都是表示代碼執行成功,沒有異常,否則會拋出異常。不用擔心這個問題。

9. 如何在vs2010下開發nodejs

開發nodeJs,如果不是非要用Sql server沒必要用vs,體積龐大運行速度慢。推薦webstorm/sublime加chrome足夠。

閱讀全文

與vsc開發nodejs相關的資料

熱點內容
華為應用裡面有了app說明什麼 瀏覽:801
資料庫中xy是什麼意思 瀏覽:893
u盤打不開提示找不到應用程序 瀏覽:609
網站功能介紹怎麼寫 瀏覽:954
word在試圖打開文件時錯誤 瀏覽:108
主板無vga插槽怎麼連接編程器 瀏覽:521
錄視頻文件在哪裡刪除 瀏覽:881
word2013如何插入文件 瀏覽:233
proe教程百度網盤 瀏覽:197
如何控制遠程linux伺服器 瀏覽:740
it教學app有哪些 瀏覽:34
怎麼在ps摳的圖變成矢量文件 瀏覽:405
口袋妖怪銀魂安卓v11 瀏覽:1
網站上芒果tv的賬號都是什麼 瀏覽:104
帶公式的表格如何刷新數據 瀏覽:81
數據標注語音和2d哪個好 瀏覽:145
保存excel文件的方法 瀏覽:655
手機上看不到電腦上的文件 瀏覽:626
關於ps的微信公眾號 瀏覽:612
矩陣論教程 瀏覽:971

友情鏈接