1.全局安裝疫向,命令如下:
?npm install vue-cli -g
2.生成項(xiàng)目模板:
vue init <模板名> 本地文件夾名稱(chēng)
例如:vue init webpack vue-webpack-demo
上面的例子就是創(chuàng)建了使用webpack模板的vue-webpack-demo項(xiàng)目
3.安裝項(xiàng)目依賴(lài):
npm install
或
cnpm install
注:cnpm是使用淘寶鏡像,速度更快氏仗,安裝只需一行命令即可:
npm install -g cnpm –registry=https://registry.npm.taobao.org
4.運(yùn)行項(xiàng)目
npm run dev
運(yùn)行上述命令后在命令框中會(huì)顯示正在監(jiān)聽(tīng)的端口號(hào)父款,所以打開(kāi)瀏覽器訪(fǎng)問(wèn)localhost:(監(jiān)聽(tīng)的端口號(hào))即可看到項(xiàng)目效果
注:如果發(fā)生端口沖突存谎,那就修改項(xiàng)目的端口號(hào)挺尾,在項(xiàng)目的config文件夾下的index.js中可以看到端口號(hào)返顺,修改即可