們使用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...