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

2021-10-06 02:23:23 字數 483 閱讀 3382

們使用vue腳手架工具建立好專案以後,其目錄結構是這樣的:

在這裡面的很多內容是示例內容,是可以刪除的,實際開發中我們經常使用且比較有用的檔案是:

建立乙個自己的元件,比如叫:user.vue

src/components/目錄中新建乙個user.vue單檔案元件,並編寫內容

我是user元件<

/p>

<

/div>

<

/template>

export default

<

/script>

<

!--這裡使用less的話,需要安裝less和less-loader--

>

通過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 cli可以幫助我們快速建立乙個專案,這樣我們直接寫元件和路由以及做其他事就可以了,其他的不用關心。先安裝vue cli,g表示全域性安裝。當然,你要先安裝node,此處略過 基本上都是回車確認就可以建立專案了。author可以自定義你的名稱。除了一些選擇no即可。不no也行。安裝好所有的專案...

用vue cli搭建乙個新的專案過程記錄

首先確保本地全域性安裝過node.js,npm 用node v和npm v來檢查是否安裝過以及安裝的版本號 全域性安裝webpack打包工具 在命令列中輸入 npm install webpack g,安裝完成後,webpack v檢查版本號 安裝vue cli腳手架構建工具,開啟命令列工具輸入 n...