安裝vue cli並建立乙個專案執行

2021-08-19 02:11:04 字數 1029 閱讀 8494

vue-cli可以幫助我們快速建立乙個專案,這樣我們直接寫元件和路由以及做其他事就可以了,其他的不用關心。

先安裝vue-cli,-g表示全域性安裝。(當然,你要先安裝node,此處略過)

基本上都是回車確認就可以建立專案了。author可以自定義你的名稱。除了一些選擇no即可。不no也行。

安裝好所有的專案所需要的依賴模組之後就會提示你進入到建立的專案資料夾裡,然後執行npm run dev即可啟動專案。

當然,也可以直接用npm start來啟動專案。不一定是npm run dev。

然後就會啟動專案了,可以開啟這個位址檢視專案的預設頁面。

然後即可看到頁面了。

通過vue cli建立乙個專案

1.1 安裝vue cli 腳手架 npm install g vue cli 驗證安裝是否成功 vue 1.2 到建立專案的路徑,建立專案 vue init webpack 專案名稱 1.0的專案的話,vue init webpack 1.0 專案名稱 檢視預設的模板 vue list 結果 5個...

在vue cli專案中建立乙個新組建並配置路由

們使用vue腳手架工具建立好專案以後,其目錄結構是這樣的 在這裡面的很多內容是示例內容,是可以刪除的,實際開發中我們經常使用且比較有用的檔案是 建立乙個自己的元件,比如叫 user.vue 在src components 目錄中新建乙個user.vue單檔案元件,並編寫內容 我是user元件 p d...

Vue安裝並建立乙個簡單專案

安裝完之後cmd 下輸入 node v檢視是否安裝成功。cmd下輸入命令 npm v如果低於3.0版本需要進行公升級 公升級方法 在cmd命令下cd到nodejs安裝目錄,然後輸入以下命令 npm update npm這裡要等待一下。更新完成後再使用 npm v檢查一下版本 cnpm是 的乙個映象,...