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足夠。