有的小夥伴最開始搭建vue之後,再次搭建就發覺有點忘了。這次總結一下流程
**映象安裝成功之後,我們就可以全域性vue-cli腳手架,輸入命令:
cnpm install --global vue-cli
回車;驗證是否安裝成功,在命令輸入vue,出來vue的資訊,及說明安裝成功;
搭建完手腳架之後,我們就可以要開始建乙個新專案
然後我們開始建立新的專案輸入命令:
vue init webpack project
回車,project是我自己的資料夾的名字,是基於webpack的專案,輸入之後就一直回車,直到出現是否要安裝vue-route
繼續會出現是否需要js語法檢測,這個我們暫時用不到,就可以直接輸入no,後面的都可以直接輸入no,我們暫時都用不到
已經安裝好之後,測試一下模板能不能正常的執行,在命令列輸入:
cnpm run dev
或者cnpm run serve
回車即可
8080是預設的埠,要訪問的話,直接在瀏覽器輸入localhost:8080就可以開啟預設的模板了;
開啟瀏覽器顯示下面展示內容就證明成功了
到此結束
搭建vue開發環境步驟
相信很多人在剛開始學習vue這個框架的時候,在最開始搭建開發環境的時候,都會遇到一些大大小小的坑,我之前在學習 的時候搭建過一次,過了乙個月後在搭建第二次的時候,竟然有一些混亂,所以今天想整理出來 vue現在在前端,相對於算是現在前端工程師都比較常用的框架之一 node.js vue 的執行是要依賴...
搭建vue開發環境的步驟
vue的執行是要依賴於node的npm的管理工具來實現,這裡就不說怎麼安裝了,直接進入下一步。由於在國內使用npm是非常慢的,所以在這裡我們推薦使用 npm映象,使用 的cnpm命令管理工具可以代替預設的npm管理工具 npm install g cnpm registry 三 映象安裝成功之後,我...
搭建vue開發環境的步驟
vue現在在前端,相對於算是現在前端工程師都比較常用的框架之一,他和angular有一些相似之處,所以用過angular的夥伴們,再來學習vue應該不會感覺太難 這樣就已經是安裝成功了,由於在國內使用npm是非常慢的,所以在這裡我們推薦使用 npm映象,使用 的cnpm命令管理工具可以代替預設的np...