1、安裝Node.js，node.js安裝包及源碼下載地址為：https://nodejs.org/en/download/。

十載的頭屯河網站建設經驗，針對設計、前端、開發、售后、文案、推廣等六對一服務，響應快，48小時及時工作處理。成都全網營銷的優勢是能夠根據用戶設備顯示端的尺寸不同，自動調整頭屯河建站的顯示方式，使網站能夠適用不同顯示終端，在瀏覽器中調整網站的寬度，無論在任何一種瀏覽器上瀏覽網站，都能展現優雅布局與設計，從而大程度地提升瀏覽體驗。成都創新互聯從事“頭屯河網站設計”,“頭屯河網站推廣”以來，每個客戶項目都認真落實執行。

2、安裝npm，由于新版的nodejs已經集成了npm，所以之前npm也一并安裝好了。同樣可以通過輸入 "npm -v" 來測試是否成功安裝。命令如下，出現版本提示表示安裝成功:

$ npm -v 
3.10.8 

如果你安裝的是舊版本的 npm，可以很容易得通過 npm 命令來升級，命令如下：

npm install npm -g 

你可以使用淘寶定制的 cnpm (gzip 壓縮支持) 命令行工具代替默認的 npm:

npm install -g cnpm --registry=https://registry.npm.taobao.org 

這樣就可以使用 cnpm 命令來安裝模塊了：

cnpm install [name] 

3、安裝vue-cil，vue-cil是vue的腳手架工具。其模板可以通過 vuejs-templates 來查看。

我們首先，需要安裝vue-cil。命令如下：

npm install -g vue-cli 

這個命令只需要運行一次就可以了。安裝上之后，以后就不用安裝了。

下面，我們來用vue-cil構建一個項目。

首先，我們在終端中把當前目錄定位到你準備存放項目的地方。如我是準備放在E:\vue這個目錄下面，那么先通過cmd命令進入這個目錄，命令如下：

cd vue 

進入到目錄之后，我們按照下面的代碼輸入，新建一個自己的vue項目demo01

vue init webpack demo01 

輸入這個命令之后，會出現一些提示，是什么不用管，一直按回車即可。

如上圖所示，就說明我們的項目構建成功了。并且，給出了下面要執行的命令，我們來逐條執行：

cd demo01 

cnpm install 

(這里用國內的阿里的cnpm安裝比較快)

安裝完成之后再運行命令：

npm run dev 

執行后，CMD命令窗口如圖：

說明項目跑起來了，在運行了npm run dev之后，會自動打開一個瀏覽器窗口，就可以看到實際的效果了。

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持創新互聯。

當前標題：windows下vue-cli及webpack搭建安裝環境
本文鏈接：http://vcdvsql.cn/article6/gghgig.html

成都網站建設公司_創新互聯，為您提供軟件開發、做網站、手機網站建設、Google、App開發、定制網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯