vue.js安裝教程圖文

來源：懂視網(wǎng) 責(zé)編：小OO 時(shí)間：2020-11-27 20:05:49

vue.js安裝教程圖文

1.安裝nodejs，自帶npm環(huán)境。地址：https：//nodejs.org/en/download/，Node.js 歷史版本下載地址：https：//nodejs.org/dist/ 可自行選擇適合自己操作系統(tǒng)的版本。安裝過程參見：安裝配置。2.安裝淘寶鏡像。因國內(nèi)訪問國外鏈接速度過慢，建議將 npm 的注冊(cè)表源設(shè)置為國內(nèi)的鏡像，可以大幅提升安裝速度。打開cmd直接輸入：npm install -g cnpm –registry=https：//registry.npm.taobao.org，回車，等待安裝..。；注意=后面不能有空格，否則會(huì)報(bào)錯(cuò)。3.安裝express（選擇安裝）。cnpm install -g express。

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀1.安裝nodejs，自帶npm環(huán)境。地址：https：//nodejs.org/en/download/，Node.js 歷史版本下載地址：https：//nodejs.org/dist/ 可自行選擇適合自己操作系統(tǒng)的版本。安裝過程參見：安裝配置。2.安裝淘寶鏡像。因國內(nèi)訪問國外鏈接速度過慢，建議將 npm 的注冊(cè)表源設(shè)置為國內(nèi)的鏡像，可以大幅提升安裝速度。打開cmd直接輸入：npm install -g cnpm –registry=https：//registry.npm.taobao.org，回車，等待安裝..。；注意=后面不能有空格，否則會(huì)報(bào)錯(cuò)。3.安裝express（選擇安裝）。cnpm install -g express。

本文主要為大家分享了一篇值得收藏的vuejs安裝教程，結(jié)合圖文的形式更加容易學(xué)習(xí)和掌握vue.js安裝，本文具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能幫助到大家。

1.安裝nodejs，自帶npm環(huán)境。

地址：https://nodejs.org/en/download/，Node.js 歷史版本下載地址：https://nodejs.org/dist/ 可自行選擇適合自己操作系統(tǒng)的版本。

安裝過程參見：安裝配置

2.安裝淘寶鏡像。

因國內(nèi)訪問國外鏈接速度過慢，建議將 npm 的注冊(cè)表源設(shè)置為國內(nèi)的鏡像，可以大幅提升安裝速度。

打開cmd直接輸入：npm install -g cnpm –registry=https://registry.npm.taobao.org，回車，等待安裝...

注意=后面不能有空格，否則會(huì)報(bào)錯(cuò)。

3.安裝express（選擇安裝）。

cnpm install -g express

4.安裝webpack 。

cnpm install -g webpack

5.安裝vue。

6.安裝vue-cli。

cnpm install -g vue-cli

7.至此，已經(jīng)完成環(huán)境搭建，可以開始項(xiàng)目初始化。

在cmd里用cd命令跳轉(zhuǎn)到指定地址，項(xiàng)目初始化命令：vueinitwebpackvue-projectname。projectname--項(xiàng)目文件夾的名稱(名字不能用中文)，這個(gè)vue-projectname文件夾會(huì)自動(dòng)生成在你跳轉(zhuǎn)到的工作目錄中。