1. 程式人生 > >vue的初始化

vue的初始化

image 下載 png inf 初創 node tps .org 自動彈出

1.首先要有node.js

可以去node的官網去下載 https://nodejs.org/en/download/

技術分享圖片

可以選擇對應的版本,最好選LTS,比較穩定,下載後安裝

在cmd,輸入node -v

技術分享圖片

顯示有版本號,則安裝成功

2.因為npm是國外的,使用起來挺慢的,博主在這裏推薦使用淘寶npm

cmd命令是 :npm install -g cnpm --registry=https://registry.npm.taobao.org即可

即可用cnpm替代npm

3.接著下載全局vue-cli腳手架,在cmd的命令是:cnpm install vue-cli -g

4.搞完腳手架後,我們這個時候就可以建一個新項目了,首先在cmd裏切換到你想要在的目錄

然後輸入vue init webpack xxx ,這裏xxx是你自己想要的項目名字,可以改的,基本接下來一路回車即可

5.創建好一個項目後,我們要給這個項目建立依賴

其cmd命令:cnpm install

6.安裝好之後,此時測試,在cmd輸入:cnpm run dev 回車即可

技術分享圖片

技術分享圖片

即成功了,有的時候瀏覽器不會自動彈出來,是因為在config文件夾下的index.js的:

博主當初創建的時候默認為false,改成true就好了

技術分享圖片

vue的初始化