通過命令行創建Vue項目(詳細步驟)

通過命令行創建Vue項目(詳細步驟)

配置

安裝cli

 cnpm install -g @vue/cli

安裝devtools

cnpm install -g @vue/devtool

創建

進入存放工程所在的文件夾

cd XXXX

創建test項目

vue create test

進入項目

cd test

運行

npm run serve

按CTRL+C 結束服務

創建項目後的規範操作

在components之中創建文件夾,形如:
在這裏插入圖片描述
在app.vue中,導入之前創建文件夾中的page.vue,形如
在這裏插入圖片描述
啓動後,在控制檯輸入vue-devtools 得到

在這裏插入圖片描述

<script src="..."><script>

加入到index.html中去

可以改下title

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章