hubilder 配置 Vue

(1)安裝node.js
(2)配置淘寶鏡像cnpm
(3)安裝vue和腳手架工具vue-cli
(4)創建項目

(1)安裝node.js
官網: http://nodejs.cn/download/
在這裏插入圖片描述
下載完成雙擊安裝(除了自定義安裝目錄外,一直next)。
在這裏插入圖片描述
查看node版本,cmd命令行輸入命令。

node --version

查看安裝環境,瞭解文件夾位置。
在cmd中輸入path查看環境變量,安裝時自動添加了我們的node環境:

path

在這裏插入圖片描述
node.js 安裝目錄。
在這裏插入圖片描述

(2)配置淘寶鏡像cnpm
因爲npm是國外倉庫位置,因爲網速原因,建議cmd命令配置:

npm install -g cnpm --registry=https://registry.npm.taobao.org

查看鏡像

cnmp  -v

在這裏插入圖片描述
(3) 安裝vue和腳手架工具vue-cli

cnpm install vue  //安裝vue 

cnpm install --global vue-cli  //安裝vue-cli

查看安裝位置。
在這裏插入圖片描述

(4)創建項目
在cmd命令行中,到創建的項目工程文件夾目錄下:·

cd  D:\uni-app (自己的項目目錄)
vue init webpack helloVue  //項目名不能大寫

出現項目名 ProjectName hello 提示時候,一直按回車,選擇Yes

在這裏插入圖片描述創建項目完成後有 黃色字體 提示後面操作

cd hello // 進入項目根目錄
cnpm run dev  //運行項目

在這裏插入圖片描述

啓動項目

cd 項目地址
npm run dev

在這裏插入圖片描述
打開瀏覽器輸入:http://localhost:8080 會自動跳轉到當前界面:
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章