vue開發環境搭建以及專案建立

2021-08-13 10:30:23 字數 1133 閱讀 1434

。安裝步驟安裝即可沒有什麼難度。環境要借助於node,所以要先安裝node,借助於node裡面的npm來安裝需要的依賴等等。 

2.安裝npm 由於新版的nodejs已經整合了npm,所以之前npm也一併安裝好了。同樣可以使用cmd命令列輸入"

npm -v

"來測試是否成功安裝。

終端/控制台視窗中執行命令node -vnpm -v, 

來驗證一下你正在執行 node6.9.x和 npm3.x.x以上的版本。

3.安裝全域性vue-cli腳手架,用於幫助搭建所需的模板框架

cmd裡 1)輸入:npm install -g vue-cli,回車,等待安裝...

2).輸入:vue,回車,若出現vue資訊說明表示成功

4.建立專案

在cmd裡輸入:vue init webpack vuetest(專案資料夾名),回車,等待一小會兒,依次出現『git』下的項,

5.安裝依賴

在cmd裡  1).輸入:cd vue_test(專案名),回車,進入到具體專案資料夾

2).輸入:npm install,回車,等待一小會兒

6.測試環境是否搭建成功

方法1:在md裡輸入:npm run dev

方法2:在瀏覽裡輸入:localhost:8080(預設埠為8080)

結果:

vue環境搭建,vue專案建立

vue這個新的工具,確實能夠提高效率,在經歷的一段時間的摧殘之後,終於能夠有乙個系統的認識了,下面就今天的收穫做乙個總結,也是vue入門的精髓 1.要使用vue來開發前端框架,首先要有環境,這個環境要借助於node,所以要先安裝node,借助於node裡面的npm來安裝需要的依賴等等。這裡有乙個小技...

vue 環境搭建及專案建立

vue 高效 靈活 安裝nodejs 並檢測 自帶npm 個人開發可使用國內 映象cnpm,代替npm win版 npm install g cnpm registry mac版 3.安裝vue cli 配置vue的開發環境 複雜安裝法 裝好的檔案目錄 執行cnpm run dev簡易安裝法 vue...

vue 環境搭建(建立執行專案)

如何搭建vue環境 1 安裝之前必須要安裝 node.js 2 搭建vue環境,安裝vue的腳手架工具 npm install global vue cli cnpm install global vue cli建立vue專案 vue init webpack my project如果是別人給你的專...