欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Vue安裝與環(huán)境配置步驟詳解

 更新時間:2022年07月13日 10:52:49   作者:TentonStudy  
在開始學習vue的時候,對于新手安裝這個環(huán)境是真的搞人心態(tài),不友好,下面這篇文章主要給大家介紹了關于Vue安裝與環(huán)境配置的相關資料,需要的朋友可以參考下

1、安裝node.js

從node.js官網(wǎng)下載并安裝node,安裝過程很簡單,一路“下一步”就可以了(傻瓜式安裝)。安裝完成之后,打開命令行工具(win+r,然后輸入cmd),輸入 node -v,如下圖,如果出現(xiàn)相應的版本號,則說明安裝成功。

2、查看npm

安裝好node.js,就已自帶npm(包管理工具)打開命令行工具(win+r,然后輸入cmd),輸入 npm -v 命令查看npm是否安裝成功。

3、安裝npm的國內鏡像—cnpm

在命令行中輸入npm install -g cnpm –registry=http://registry.npm.taobao.org,安裝完成之后可以使用cnpm -v命令查看是否安裝成功,如果輸出版本號即安裝成功。

4、安裝webpack(一款開源的前端打包工具)

打開命令行工具輸入:cnpm install webpack -g

5、查看webpack是否安裝成功

安裝完成之后輸入 webpack -v,如果出現(xiàn)xxx not installed,則需要執(zhí)行對應指令,如下圖,就執(zhí)行命令cnpm install webpack -Dcnpm install webpack-dev-server -D

如果出現(xiàn)相應的版本號,則說明安裝成功。

6、安裝vue-cli腳手架構建工具

打開命令行工具輸入:cnpm install vue-cli -g,安裝完成之后輸入 vue -V(注意這里是大寫的“V”),如下圖,如果出現(xiàn)相應的版本號,則說明安裝成功。

7、創(chuàng)建Vue項目

打開命令行工具,進入相應的文件夾路徑下,執(zhí)行命令vue init webpack vueDemo(自己的項目名)

補充:vue-cli Failed to download repo vuejs-templates/webpack連接超時解決辦法

在我配置完nmp、node.js、vue-cli環(huán)境,準備創(chuàng)建項目進行最后一步的測試的時候Vue init webpack 項目名 總是失敗,都是報這個錯,原因是因為無法連接外網(wǎng)或者連接超時導致

經過查閱資料,記錄下自己的錯誤。

解決的辦法是使用離線下載,我們需要下載github倉庫中的vue-templates/webpack,然后解壓到本地。:

需要手動下載 webpack-simple 模板,進入鏈接https://github.com/vuejs-templates/webpack

下載到我們的c盤用戶目錄下,自己創(chuàng)建的 .vue-templates文件夾,解壓到當前文件夾,并且命名為webpack

再進行vue init webpack vuedemo命令的時候,需要帶上參數(shù)--offline表示離線初始化。這樣就能成功創(chuàng)建了,接下來就是創(chuàng)建項目的參數(shù)了。

最后創(chuàng)建完,npm run dev啟動項目,在瀏覽器輸入http://localhost:8080/測試一下,成功

總結

到此這篇關于Vue安裝與環(huán)境配置步驟的文章就介紹到這了,更多相關Vue安裝與環(huán)境配置內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

最新評論