建站
咨詢
售后
建站咨詢
新聞中心
vue項目的標準結(jié)構(gòu)？
Vue 項目創(chuàng)建完成后，使用 Web Storm 打開項目，項目目錄如下：
App.vue 是一個vue組件，這個組件中包含三部分內(nèi)容：1.頁面模板（template）；2.頁面腳本（script）；3.頁面樣式（style）頁面模板中，定義了頁面的 HTML 元素，這里定義了兩個，一個是一張圖片，另一個則是一個 router-view頁面腳本主要用來實現(xiàn)當前頁面數(shù)據(jù)初始化、事件處理等等操作頁面樣式就是針對 template 中 HTML 元素的頁面美化操作需要額外解釋的是，router-view，這個指展示路由頁面的位置，可以簡單理解為一個占位符，這個占位符展示的內(nèi)容將根據(jù)當前具體的 URL 地址來定。具體展示的內(nèi)容，要參考路由表，即 router/index.js 文件，該文件如下：
這個文件中，首先導(dǎo)入了Vue對象、Router對象以及 HelloWorld 組件，創(chuàng)建一個Router對象，并定義路由表這里定義的路由表，path為 / ，對應(yīng)的組件為 HelloWorld，即瀏覽器地址為 / 時，在router-view位置顯示 HelloWorld 組件
如何構(gòu)建一個大型Vue應(yīng)用程序？
vue-cli 3.0環(huán)境開發(fā)，在安裝vue之前我們需要安裝node環(huán)境，這個我們只要在node官方下載node綠色免安裝版，然后再配置下環(huán)境變量即可使用node和npm了。
將node所在目錄配置到電腦的環(huán)境變量中就可以使用了，這里我的目錄是D:\Program Files\node-v10.8.0-win-x86，這里我們只要打開電腦-屬性-系統(tǒng)設(shè)定-進階-環(huán)境變量該路徑添加到path中即可， 快捷鍵“win+r ”打開運行框，輸入cmd在彈出的窗口中輸入node -v 檢查node.js是否安裝成功。
這里我們配置淘寶的鏡像源，這里設(shè)置永久的輸入命令：npm config set registry
// 臨時 npm --registry install express // 永久 npm config set registry // 驗證是否成功 npm config get registry
現(xiàn)在我們可以開始來搭建vue-cli 3.0環(huán)境了，輸入命令：npm install -g @vue/cli 安裝vue3.0（-g： 指全局安裝）,快捷鍵“win+r ”打開運行框，輸入cmd在彈出的窗口中輸入vue -V（大寫的V哦）來 檢查vue是否安裝成功。
npm install -g @vue/cli
接下來我們繼續(xù)創(chuàng)建vue項目 ，vue3.0和2.0有點區(qū)別，不用在裝webpack了，直接使用命令：vue create project創(chuàng)建項目（project為項目名），進入項目配置，這里選擇Manually select features（翻譯：手動選擇功能）。
進入下一個安裝配置選擇，這里根據(jù)項目情況自行選擇配置，按上下鍵切換目標選項，按空格鍵勾選和取消，按a全選，按i反選，選好后回車確定（以下是幾個選項的相關(guān)意義），圖中是我的選擇。
Babel：指轉(zhuǎn)譯成瀏覽器可識別的語言，可以讓你的項目支持更新的語法，如es6\es7等 TypeScript：新增的選項卡 Progressive Web App (PWA) Support：指模擬原生app Router：路由管理 Vuex：vuex管理模式 CSS Pre-processors：css預(yù)處理語言 Linter / Formatter：代碼規(guī)范 Unit Testing：組件單元測試 E2E Testing：端對端測試，模擬用戶真實場景
接下來提示我們選擇是否使用歷史路由：這種模式充分利用 history.pushState API 來完成 URL 跳轉(zhuǎn)而無須重新加載頁面,我們輸入Y同意即可，然后就是選擇CSS預(yù)處理器語言，在彈出的選項中我選擇LESS
選擇ESLint的代碼規(guī)范，此處使用 Standard代碼規(guī)范，這里我選擇了ESLint + Standard config（正常模式）
ESLint with error prevention only: 只進行報錯提醒； ESLint + Airbnb conf: 不嚴謹模式； ESLint + Standard config: 正常模式； ESLint + Prettier: 嚴格模式；
接著選擇代碼檢查，這里提示我們何時對進行代碼檢測，我選擇在保存時進行檢測，Lint and fix on commit（requires Git）【翻譯：整理并固定提交時（需要git）】
接著選擇單元測試解決方案，這里選擇 我Jest
接著選擇 Babel、PostCSS、ESLint等配置文件存放位置，第一個保存配置文件中，第二個放package.json里，這里我選擇單獨保存在各自的配置文件中。
接著提示是否在以后的項目中使用以上配置，這里我們選擇no，下次自行配置，你也可以選擇yes。
完成以上信息配置之后開始創(chuàng)建項目并開始下載依賴，我們只要耐心等待進度條完成，這樣我們就把Vue項目創(chuàng)建好并完成了初始化。
現(xiàn)在很多人都在制作vlog視頻？
我是謳歌青春，我來回答這個問題
拍視頻最低配置自然是手機了?，F(xiàn)在的手機攝像功能已經(jīng)能達到網(wǎng)絡(luò)視頻需要的像素了。再個手機個頭小攜帶方便自然是最佳選擇。用個桿，就能完成拍攝任務(wù)。當然，你經(jīng)濟寬裕，或者你立志想一直堅持拍視頻，就入手個穩(wěn)定器，也就是一個手機的價錢。有了它，你怕的運動視頻就能做到不抖動，畫面流暢。
當然你選擇微型DV也很有眼光，用它拍出的視頻畫質(zhì)優(yōu)于手機。由于DV鏡頭光孔要比手機大得多，通光量好，所以拍出的視頻更漂亮。當然專業(yè)機型更好了。
至于后期制作短視頻，第一推薦剪映APP，免費功能又強大，自動加字幕是最大亮點。像專業(yè)的后期軟件ED、PR、AE等都沒這一功能，他們需要卡拉OK小軟件來彌補。所以向網(wǎng)絡(luò)傳視頻，用剪映APP沒錯，制作速度快，還能自讀字幕文字，配合其他功能，保管能制作出超炫視頻來。希望我的能幫到你。
剛開始學(xué)HTML5？
瀏覽器：
瀏覽器推薦用Chrome,因為Chrome瀏覽器具有兼容性好、簡潔、快速等優(yōu)點，無論是在啟動速度還是頁面解析速度還是Javascript執(zhí)行速度上都優(yōu)于大多數(shù)瀏覽器。
編輯器：編輯器推薦用Sublime或者Vscode，因為初學(xué)時總是需要在練習(xí)時快速看到做出的效果，而這兩款編輯器非常輕量，并且集成了大量提高編程效率的插件，有著不輸IDE的體驗。你可以一邊寫網(wǎng)頁的同時，一邊切到瀏覽器上馬上看到效果。
插件：1、如果是使用sublime編輯器的話可以考慮安裝Emmet、JSFormat、Ctags等插件提高工作效率。
Emmet可以為開發(fā)者提供一種非常簡練的語法規(guī)則，然后立刻生成對應(yīng)的 HTML 結(jié)構(gòu)或者 CSS 代碼；
JSFormat用來對 JS代碼進行格式化；
Ctags用來進行函數(shù)的快速跳轉(zhuǎn)，Alt/Ctrl+點擊函數(shù)名稱，會跳轉(zhuǎn)到相應(yīng)的函數(shù)。
2、如果是使用Vscode編輯器的話可以考慮安裝Debugger for Chrome、HTML CSS Support、Auto Close Tag等插件。
通過Debugger for Chrome可以直接在 VSCode 中加上斷點進行debug，當代碼執(zhí)行到你在 VSCode 中添加的斷點后，你可以直接在 VSCode 中進行單步調(diào)試；
在編寫css代碼時，HTML CSS Support可智能提示當前項目所支持的所有樣式；
Auto Close Tag適用于 JSX、Vue、HTML等語法，在編寫標簽并且鍵入 集成環(huán)境編輯器：
如果不想用Sublime或者Vscode這些輕量編輯器的話可以考慮集成環(huán)境編輯器（IDE），例如Web Strom和Hbuilder，這些編輯器支持絕大多數(shù)的前端語言自動填充，可以很方便地進行程序的運行和調(diào)試。
標題名稱：vue項目的標準結(jié)構(gòu)？（如何構(gòu)建一個大型Vue應(yīng)用程序？）
文章鏈接：http://m.5511xx.com/article/cdessio.html
