vue2.0脚手架
vue是一個(gè)MVVM框架,主要方便進(jìn)行單頁面的應(yīng)用開發(fā)。vue的腳手架搭建是用于搭建和打包vue項(xiàng)目。一共分為四個(gè)步驟。
1.安裝node,如果已經(jīng)安裝好node,確保node是4.0以上的版本。
2.安裝vue-cli,使用指令npm install -g vue-cli(安裝可能會(huì)很慢,請(qǐng)耐心等待)。
3.初始化項(xiàng)目,先進(jìn)入到想要?jiǎng)?chuàng)建新項(xiàng)目的文件夾下,使用指令vue init 模板類型 項(xiàng)目名稱,vue的模板類型有很多種,可以使用指令vue list來進(jìn)行查看,比如使用webpack模板,那么創(chuàng)建一個(gè)名為newProject的項(xiàng)目指令是:vue init webpack newProject,之后又一系列項(xiàng)目的基礎(chǔ)信息設(shè)置,接下來進(jìn)入newProject文件夾,運(yùn)行npm install,將會(huì)自動(dòng)下載模板所需要的模塊,放在node_modules的文件夾中。
4.運(yùn)行vue環(huán)境,使用npm run dev指令運(yùn)行項(xiàng)目環(huán)境,啟動(dòng)成功以后會(huì)主動(dòng)打開默認(rèn)瀏覽器并且訪問:http://localhost:8080/,端口地址可以自行設(shè)置。
轉(zhuǎn)載于:https://www.cnblogs.com/zaxxm/p/7080445.html
與50位技術(shù)專家面對(duì)面20年技術(shù)見證,附贈(zèng)技術(shù)全景圖總結(jié)
- 上一篇: javascript中==和===的区别
- 下一篇: html5倒计时秒杀怎么做,vue 设