-
1.安裝node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)
2.基於node.js,利用淘寶npm鏡像安裝相關依賴
在cmd裏直接輸入:npm install -g cnpm –registry=https://registry.npm.taobao.org,回車,等待安裝...
3.安裝全局vue-cli腳手架,用於幫助搭建所需的模板框架
在cmd裏 1)輸入:cnpm install -g vue-cli,回車,等待安裝...
2).輸入:vue,回車,若出現vue信息說明表示成功
4.創建項目
在cmd裏輸入:vue init webpack vue_test(項目文件夾名),回車,等待一小會兒,依次出現‘git’下的項,可按下圖操作
5.安裝依賴
在cmd裏 1).輸入:cd vue_test(項目名),回車,進入到具體項目文件夾
2).輸入:cnpm install,回車,等待一小會兒
回到項目文件夾,會發現項目結構裏,多了一個node_modules文件夾(該文件裏的內容就是之前安裝的依賴)
基於腳手架創建的默認項目結構如下圖所示:
6.測試環境是否搭建成功
方法1:在cmd裏輸入:npm run dev
方法2:在瀏覽裏輸入:localhost:8080(默認端口爲8080)
運行起來後的效果如下圖所示:
問題:
- cmd是否已管理員權限運行
- npm版本是否足夠高,升級使用
npm -g update [email protected]
- 8080端口是否被佔用
- 當前操作目錄是否在項目根目錄
- 你所安裝的文件所在目錄是否和環境變量的path路徑一致
vue.js安裝及之注意事項
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.