Window10下----Vue CLI(腳手架) 創建項目

sf_wangchong 發布于2019-08-23 16:15 / 1659人閱讀

摘要：從跳轉到要創建的目錄下通過項目名稱創建項目例如配置相關工具必須小寫否則會報錯誤按圖片提示在輸入相關命令創建成功文件目錄如下重要文件網頁入口直接打開此文件無效連接和父組件管理其他小組件啟動項目由跳轉到項目所在的目錄下啟動項目如圖所示則啟動成功

1.從cmd跳轉到要創建的目錄下

2.通過 vue init webpack + 項目名稱創建項目

例如 vue init webpack myfirstvuecli

3.配置相關工具

Project name 必須小寫
否則會報 Sorry, name can no longer contain capital letters. 錯誤

按圖片提示在cmd輸入相關命令

4.創建成功

文件目錄如下:

重要文件
index.html 網頁入口直接打開此html文件無效
main.js 連接index.html和App.vue
App.vue 父組件,管理其他小組件

5.啟動項目

由cmd跳轉到項目所在的目錄下
npm run dev 啟動項目

如圖所示,則啟動成功
在瀏覽器輸入圖中地址(http://localhost:8080) 就可以查看項目

GPU云服務器云服務器 vue-cli vue-cli3 項目腳手架 linux下cli

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/102839.html

使用vue-cli腳手架+webpack搭建vue項目

摘要：查看安裝是否正常回車后看到輸出當前安裝的版本號，例如，即安裝正常通過以上步聚，說明已經安裝完并能正常運行。再次用腳手架搭建項目第二步將模塊安裝完成后，就可以使用以下命令創建項目了。前言世間萬難無非一拖二懶三不讀書對說的就是我突然覺得這句話說的很對，自從上次寫完nodejs安裝及npm全局模塊路徑的設置已經過去兩月有余，而我的vue框架學習也就止步于此。還是沒有給自己施加壓力...

dantezhao 2019-08-23 10:36 評論0 收藏0
vue項目開發過程常見問題

摘要：更新時間這個問題是實例內單組件的必須返回一個對象如下為什么要一個數據對象呢官方解釋如下必須聲明為返回一個初始數據對象的函數，因為組件可能被用來創建多個實例。更新時間：2018-07-29 1.data functions should return an object // 這個問題是 Vue 實例內,單組件的data必須返回一個對象;如下 export default {...

Apollo 2019-08-23 10:28 評論0 收藏0
vue-cli3腳手架的使用和相關配置

摘要：前言通過搭建交互式的項目腳手架。通過快速開始零配置原型開發。與此同時，它也為每個工具提供了調整配置的靈活性，無需。例如，如果你的應用被部署在，則設置為。我們將在下篇文章里詳細講述的使用官方文檔前言通過 @vue/cli 搭建交互式的項目腳手架。通過 @vue/cli + @vue/cli-service-global 快速開始零配置原型開發。一個運行時依賴 (@vue/cli-se...

Sanchi 2019-08-26 10:22 評論0 收藏0