gitHub連結超時，建立Vue-CLI專案Failed to download

阿新 • • 發佈：2021-01-25

遇到github超時，ping不通

先開啟hosts檔案，其地址為C:\Windows\System32\drivers\etc

在看github的域名解析

之後直接在host中新增

140.82.112.3   github.com
199.232.69.194   github.global.ssl.fastly.net

技術標籤：GitHubgithubvue 遇到github超時，ping不通先開啟hosts檔案，其地址為C:\\Windows\\System32\\drivers\\etc

1. 什麼是Vue-CLI(Command Line Interface) Vue-cli是Vue官方提供的腳手架工具，預設已經搭建好了一套利用webpack管理vue的專案結構

一、官方文件 Vue3文件 - vuejs https://www.vue3js.cn/docs/zh/ Vue核心功能：資料繫結 Vue CLI文件

目錄一、官方文件二、建立 CLI專案1、安裝Vue CLI2、建立web應用3、啟動web應用三、Vue CLI專案結構講解一、官方文件

1.先安裝node.js(下載完成後一鍵安裝，完事使用 node --version檢視版本資訊) https://nodejs.org/zh-cn/

簡單的Demo案例並不需要Vue-Cli，因為一個頁面之內可以總攬但是真實的專案開發，考慮程式碼結構，目錄結構，部署，熱部署，單元測試...

用vue-cli建立專案時顯示超時，原因可能是github.com訪問不了，用ping命令試一下，顯示請求超時

需求：在打包成功之後在dist中會生成一個配置檔案，配置檔案中包含要請求的地址，通過直接修改配置檔案中的地址即可成功修改請求地址，不需要再重新打包。

ps:全域性元件指的是全域性配置，只需全域性引入一次就能在 vue檔案中使用區域性配置指的的公共元件寫在components中，每次使用都要引入，這二個概念需要區分清楚

大體介紹本文對github actions部署前端專案做一個簡單的總結，總體來說，我感覺用它想要部署一個前端專案，可以說非常簡單，簡單得令人震驚

os.networkInterfaces()是Nodejs的一個方法，該方法返回一個物件，包含只有被賦予網路地址的網路介面。我們建立一個vue-cli專案的時候，預設會在config目錄下index.js檔案中配置初始host屬性為localhost或127.0.0.1

關於 vue-cli 專案中靜態圖片通過 require 引入的解釋需求：如何 components 裡面的 index.vue 怎樣能把 assets 裡面的圖片拿出來。

引言： 2013-2020年，這7年是web前端技術的一個高速發展期，也是前端開發崗位的考驗期。

webstorm 檔案 -> new -> project 1、儘量不要勾選 Use the default project setup (babel,eslint) 預設建立的專案好多的配置不全，後期再裝很麻煩。

如果你希望成功,當以恆心為良友,以經驗為參謀,以當心為兄弟,以希望為哨兵。——愛迪生

使用WebStorm建立Vue專案時與達到如下錯誤 Error: Cannot find module \'F:\\Node.js\\node_global\\node_modules\\vue-cli\\bin\\vue.js\'

cd Vue_ElementUI資料夾後，執行vue init webpack my-project 之後會出現如下的提示，主要是一些配置

pdf->build,web(viewer)應該放在static pdf元件 <template> <view class=\"content u-padding-0\">

使用vue-cli初始化專案之後啟動專案出現了vue-loader-v16/package.json問題參考了好幾個部落格都沒有解決，但是給出了點思路，原因在於使用npm安裝依賴的時候vue-loader-v16有部分資源需要科學上網才能下載

安裝stylus stylus-loader npm install stylus [email protected] --save-dev 　配置webpack.base.config.js