基于腳手架創(chuàng)建前端工程

環(huán)境

• 當(dāng)安裝node.js時(shí)，它本身就攜帶有npm命令。（-v 查版本號(hào)）
• 安裝VUE CLI npm i @vue/cli -g（全局）

創(chuàng)建

1. vue create 【project name】

鏡像源解決方案

輸入創(chuàng)建命令后，提示檢查更新失敗了？？？
原因是 淘寶源證書嚴(yán)格檢查的 其證書失效了。過(guò)期將無(wú)法訪問(wèn)就會(huì)導(dǎo)致插件更新失敗

• 如何解決呢？

將鏡像源換成官方源

  #1. 查看當(dāng)前源npm config get registry#2. 更換npm源為國(guó)內(nèi)npm官方鏡像npm config set registry http://registry.npmjs.org/ 

緊接著， 把證書檢查關(guān)了

# 把證書檢查關(guān)了
npm cache clean --forcenpm config set strict-ssl falsenpm install

方法二：更換為最新的淘寶源
npm config set registry https://registry.npmmirror.com npm config set registry https://registry.npm.taobao.org
注意
你如果還想繼續(xù)使用淘寶鏡像源的話，一定要確保 C:\Users\Administrator目錄下的.vuerc文件，其配置為：
“useTaobaoRegistry”: true

> {"useTaobaoRegistry": true,  //此處為true,表示繼續(xù)使用淘寶鏡像源"packageManager": "yarn"
}

查看當(dāng)前使用的鏡像地址:npm config get registry

# 淘寶鏡像源https://registry.npmmirror.comhttps://registry.npm.taobao.org

查看當(dāng)前鏡像源

2. vue ui
   

項(xiàng)目結(jié)構(gòu)

思考？前后端端口號(hào)沖突