如果你換了一臺新電腦,如何配置前端環(huán)境
(工程位置:e:\vue\myproject
安裝步驟:node.js--->淘寶鏡像---->webpack--->vue-cli腳手架----->用腳手架構(gòu)建項目)
[if !supportLists]1、 [endif]安裝node.js
從node.js官網(wǎng)下載并安裝node(我下載的是node-v10.15.1-x64.msi)粉洼,安裝過程很簡單缚够,一路“下一步”就可以了嘹屯。安裝完成之后壶栋,打開命令行工具(win+r假抄,然后輸入cmd)朵栖,輸入 (node -v)近上,如果出現(xiàn)相應(yīng)的版本號剔宪,則說明安裝成功。
[if !supportLists]2壹无、 [endif]安裝淘寶鏡像
(npm install -g cnpm
--registry=https://registry.npm.taobao.org)
(cnpm –v) 如果不好使就 (npm –v)?如果出現(xiàn)相應(yīng)的版本號葱绒,則說明安裝成功。
[if !supportLists]3斗锭、[endif]安裝webpack?
打開命令行工具輸入:(cnpm install webpack -g)
Webpack
是一個前端資源加載/打包工具地淀。它將根據(jù)模塊的依賴關(guān)系進行靜態(tài)分析,然后將這些模塊按照指定的規(guī)則生成對應(yīng)的靜態(tài)資源岖是。
安裝完成(webpack -v)?
這個版本輸入上述命令后帮毁,會詢問是否先安裝webpack-cli,輸入y实苞,后等待安裝成功。
再次輸入(webpack -v)??顯示版本號
4烈疚、安裝vue-cli腳手架構(gòu)建工具
(cnpm install vue-cli -g)
安裝完成之后輸入vue -V(注意這里是大寫的“V”)黔牵,如下圖,如果出現(xiàn)相應(yīng)的版本號爷肝,則說明安裝成功猾浦。
通過以上4步,我們需要準(zhǔn)備的環(huán)境和工具都準(zhǔn)備好了灯抛,接下來就開始使用vue-cli來構(gòu)建項目
[if !supportLineBreakNewLine]
[endif]