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)"}