創(chuàng)建vue工程

發(fā)布時(shí)間：2020-07-09 17:29:33 來(lái)源：網(wǎng)絡(luò) 閱讀：585 作者：pannijingling 欄目：開(kāi)發(fā)技術(shù)

Vue的開(kāi)發(fā)環(huán)境就不多說(shuō)了，請(qǐng)自行百度，這里說(shuō)一下安裝好環(huán)境之后怎樣創(chuàng)建一個(gè)新的vue項(xiàng)目

一、創(chuàng)建一個(gè)基于 webpack 模板的新項(xiàng)目

首先打開(kāi)cmd，進(jìn)入到你要?jiǎng)?chuàng)建項(xiàng)目的位置，然后執(zhí)行項(xiàng)目創(chuàng)建命令，如下：

// 項(xiàng)目名最好不要有大寫(xiě)，否則后面還需要重新設(shè)置項(xiàng)目名
F:\>vue init webpack vue-text

創(chuàng)建vue工程

選擇完畢，進(jìn)行安裝，需要等待一會(huì)兒...

創(chuàng)建vue工程

安裝完畢。

創(chuàng)建vue工程

二、安裝工程依賴模塊

進(jìn)入到項(xiàng)目目錄下

F:\>cd vue-text

創(chuàng)建vue工程

安裝工程依賴模塊

F:\vue-text>cnpm install

創(chuàng)建vue工程

項(xiàng)目目錄：

創(chuàng)建vue工程

目錄解析如下：

創(chuàng)建vue工程

三、運(yùn)行該項(xiàng)目，使用nodejs來(lái)啟動(dòng)

F:\vue-text>cnpm run dev

創(chuàng)建vue工程

測(cè)試訪問(wèn):http://localhost:8081 ，看到這個(gè)頁(yè)面表示啟動(dòng)成功(默認(rèn)是8080端口，因?yàn)槲冶镜匾呀?jīng)啟動(dòng)一個(gè)了，所以這里分配的是8081端口)

創(chuàng)建vue工程

參考：
Vue.js 安裝
windows環(huán)境搭建Vue開(kāi)發(fā)環(huán)境

向AI問(wèn)一下細(xì)節(jié)

猜你喜歡