1. 程式人生 > >vue.js項目搭建教程(參考)

vue.js項目搭建教程(參考)

瀏覽器 localhost lan 啟動項 圖片 oca vue-cli host 查看

第一步:安裝node.js

1.傳送門下載安裝https://nodejs.org/en/

2.打開cmd控制臺分別查看node版本、path,npm

node -v

path

npm -v

3.推薦淘寶鏡像

npm config set registry https://registry.npm.taobao.org

4.安裝全局vue-cli腳手架,並檢查

cnpm install --global vue-cli

vue -V

第二步:建立一個vue-test文件夾,並使用webpack模板創建項目

vue init webpack vue-test

技術分享圖片

創建模板設置如上圖標註,安裝好後進入項目安裝依賴

cd vue-test

cnpm install

啟動項目

npm run start(瀏覽器輸入 localhost:8080查看實時效果)

至此vue.js安裝成功!

ps:

1 ) 若運行後 / 瀏覽器打開之後,沒有加載出頁面,有可能是本地的 8080 端口被占用,需要修改一下配置文件 config>index.js

技術分享圖片

vue.js項目搭建教程(參考)