1.項目初始化 項目分為三端。 1.項目前臺web端，也就是呈現給用戶的端口和頁面。 2.項目管理后臺admin端，供管理人員使用的端口和頁面，用來實現數據的更新和維護。 3.服務端server端，供前后端開發調用接口的端口。 我們將三端內容創建，并將我們需要的工具包在npm工具中安裝下來。 首先在桌面或其它非中文路徑創建一個文件夾mine-node 在vscode打開此文件夾  如果界面沒有終端窗口，在菜單欄"查看"中點選終端，把這個窗口召喚出來：）  創建server端 1.面板輸入mkdir server，服務端不用使用前端框架，直接創建項目文件夾即可。 2.進入server文件夾（cd server）。 3.初始化項目（npm init -y）。 4.根據初始化后生成的package.json文件中可看到已經設定好的關于main的入口文件index.js，針對此我們在server文件夾創建一個index.js入口文件。  5.每次我們調用接口時都需要啟動服務端，要想啟動服務端就需要通過這個index.js入口文件進行server項目啟動。 此時在package.json的scripts中設置： ``` { "scripts": { "serve": "nodemon index.js", "test": "echo \"Error: no test specified\" && exit 1" }, } ```  6.nodemon是啟動node項目的工具，在終端面板輸入npm i -g nodemon，-g是全局安裝，因為所有項目啟動基本都需要這個工具。 7.安裝nodemon并且在package.json設置成功后，就可以在終端輸入npm run serve啟動服務端項目了。 8.根據界面生成的端口號，瀏覽器進入頁面即可。 使用場景：mine-node項目中 cd server npm run serve server端后續模塊見文章——技能學習：學習使用Node.js + Vue.js，開發前端全棧網站-4.使用axios，并創建接口上傳數據到mongodb數據庫  創建web端 由于我們使用vue開發web端，所以使用vue創建該web端項目。 1.終端輸入npm i -g @vue/cli，安裝vue腳手架。 2.終端輸入vue create web回車，安裝web項目文件夾。  選擇版本默認安裝再次回車即可，沒用過vue的朋友就下載2x，時間久網上解答多。 如果安裝過程出現npm報錯，把vscode關閉，右鍵以管理員身份運行。 3.安裝完成后，web端的項目初始化就完成了，開啟端口的方式與server端相同（npm run serve）。 4.根據界面生成的端口號，瀏覽器進入頁面即可。 創建admin端 與web端相同創建過程。 2.安裝淘寶鏡像 上篇文章說到npm是從國外地址下載文件，所以我們需要使用國內的淘寶鏡像提升下載速度，并且更穩定。 1.終端輸入安裝命令： ``` npm config set registry https://registry.npm.taobao.org ``` 2.終端驗證是否安裝成功命令： ``` npm config get registry ``` 3.關于cnpm 阿里巴巴的淘寶團隊把NMP官網的文件、插件包都同步到了在中國的服務器，提供給我們從這個服務器上穩定下載資源。于是cnpm插件就誕生了，意思就是中國的npm。 1.cnpm的作用與npm的淘寶鏡像功能相似，也是提供安全、穩定、快速的下載環境。 2.在npm上下載文件有時會失敗，使用cnpm會成功，但是這種情況非常少，而且在CSDN平臺上就能找到失敗原因（多數情況是因為npm大神上傳了新的安裝方式，或更新插件時出了bug）。 3.使用cnpm前最好把npm卸載，這兩者是不可以混用的。 4.其實我們只要安裝了淘寶鏡像，下載速度就已經提升，而且不需要再進行npm的替換。 所以在這里我就不展示cnpm的安裝方法來，大家有需求CSDN平臺很容易就能給大家解決