搭建vue開發環境的步驟

2021-09-24 22:31:19 字數 988 閱讀 5305

有的小夥伴最開始搭建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...