中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

windows下vue-cli及webpack搭建安裝環境

發布時間:2020-08-20 23:39:38 來源:腳本之家 閱讀:199 作者:安樹 欄目:web開發

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

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 

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

windows下vue-cli及webpack搭建安裝環境

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

cd demo01 
cnpm install 

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

windows下vue-cli及webpack搭建安裝環境

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

npm run dev 

執行后,CMD命令窗口如圖:

windows下vue-cli及webpack搭建安裝環境

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

windows下vue-cli及webpack搭建安裝環境

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持億速云。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

广昌县| 古蔺县| 清水县| 南汇区| 天镇县| 科尔| 墨竹工卡县| 威信县| 郑州市| 大宁县| 兴仁县| 巢湖市| 曲松县| 明水县| 甘洛县| 孙吴县| 谷城县| 永昌县| 綦江县| 三原县| 扎赉特旗| 壤塘县| 日喀则市| 扎兰屯市| 娄底市| 安宁市| 天柱县| 锦屏县| 若尔盖县| 梁平县| 蕲春县| 桦南县| 大城县| 和田市| 博白县| 钟祥市| 逊克县| 福贡县| 宁化县| 高台县| 泰和县|