vue--項目實例

1.項目建立和GitHub託管

 腳手架3     跑起來

GitHub建立項目：右上角+號--填寫信息

在vscode這邊  git clone 'github上的項目連接' ------>建立好了託管的文件，再把一些文件複製進去---->cd到要託管的文件目錄下--->git add . ---->git commit -m '初始化項目'  -->提示「Please tell me who you are. Run  git config --global user.email "you@example.com"  git config --global user.name "Your Name」 因而git config --global user.email "107的郵箱@qq.com"       git config --global user.name "pys" ------>git push

github應用

 

文件夾的創建 

src--assets:資源 放一些資源 img/css
src--component放公共的 組件 src下建個views把大的視圖放在這裏以防止組件內容過多
src-router:路由
src--store:狀態管理
network:跟網絡有關
common:放些公共js文件

css/normalize : https://github.com/necolas/normalize.css.git 各個瀏覽器的兼容性 用處很大不少

走個項目

用vue-cli3建立項目 vue create xxx 這裏只能是全小寫

name can no longer contain capital letters

在gitHub上建立了項目以後 將兩者聯繫起來

PS D:\Vue\Vue-cli\7-program> git clone GitHub項目的地址 Cloning into 'SuperMall0922'... 就將vscode上的代碼克隆進了GitHub上的

git add . git commit -m '個人項目' 將項目提交到了本地       git push提交到服務器

 

 

使用插件

經過 Vue.use() 全局方法使用插件

已有插件 & 工具

• vue-router：Vue.js 官方路由。與 Vue.js 內核深度整合，讓構建單頁應用易如反掌。

• vue-resource：經過 XMLHttpRequest 或 JSONP 發起請求並處理響應。

• vue-async-data：異步加載數據插件。

• vue-validator：表單驗證插件。

• vue-devtools：Chrome 開發者工具擴展，用於調試 Vue.js 應用。

• vue-touch：使用 Hammer.js 添加觸摸手勢指令（已過期）。

• vue-element：使用 Vue.js 註冊自定義元素。

我他媽爲何一直在踩坑啊

 報錯： vue-router.esm.js?8c4f:2051 Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated", message: "Navigating to current location ("/home") is not allowed", stack: "Error↵    at new NavigationDuplicated (webpack-int…node_modules/vue/dist/vue.runtime.esm.js:2178:14)"}