1. 程式人生 > >基於nodejs配置vue工程

基於nodejs配置vue工程

一、:安裝nodejs
1、下載地址:https://nodejs.org/zh-cn/download/
2、下載Windows Installer (.msi) 32-bit或64-bit或64-b
3、為了方便預設安裝C盤
4、node安裝完成後,預設已經安裝了npm

5、node -v 檢視版本資訊


二、安裝淘寶的cnmp
安裝命令:npm install -g cnpm --registry=https://registry.npm.taobao.org
驗證命令:cnpm -v
三、全域性安裝vueJS  腳手架

windows 安裝如下
1、cnpm/npm install -g vue
2、cnpm/npm install -g vue-cli

Mac安裝如下

1、sudo npm install -g vue
2、sudo npm install -g vue-cli


驗證命令:vue -V
四、建立一個基於webpack的vue專案
1、選擇一下安裝專案的目錄,我這裡安裝在 E:\LeTV\objectwork\vuespace
2、進入當前目錄 通過shift+滑鼠右標調出選單,選擇“在此處開啟命令視窗”
3、構建命令:vue init webpack my-first-vue-project
4、錄前目錄下會生成 my-first-vue-project專案
五、下載前端專案執行依賴
1、進入my-first-vue-project專案並在package.json同級目錄下安裝依賴,package.json中包含開發依賴devDependencies
2、執行cnpm install 自動根據devDependencies下載依賴
3、完成後會在同級目錄下生成node_modules資料夾
六、執行專案
執行npm run dev