(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 會自動跳轉到當前界面: