1，安裝node.js以及sublime編輯器

?

Win+r 鍵 輸入cmd進(jìn)入命令行 輸入 node –v顯示出node.js版本號(hào)即表示node.js安裝成功。

?

?

2，安裝cnpm 淘寶鏡像

輸入命令：npm install -g cnpm –registry=https://registry.npm.taobao.org

稍等片刻出現(xiàn)：表示安裝成功

?

?

3安裝vue腳手架工具 vue-cli? 命令：cnpm install –g vue-cli

輸入vue –V ?V為大寫(xiě)

顯示出版本號(hào)即表示成功安裝。

?

?

4可能你發(fā)現(xiàn)你的node命令行默認(rèn)是在c盤(pán)下運(yùn)行命令，這時(shí)我們需要在D盤(pán)運(yùn)行并且在D盤(pán)下生成一個(gè)vue項(xiàng)目文件，這時(shí)我們可以運(yùn)行：

D:

cd：d:\leranVue?? learnVue是你的預(yù)先在D盤(pán)新建的一個(gè)文件夾

?

即可定位文件路徑了

?

5生成一個(gè)vue項(xiàng)目文件 名稱(chēng)為 myvue

?

輸入命令 vue init webpack+項(xiàng)目名

vue init webpack myvue

?

查看node 的路徑d:\leranVue，沒(méi)發(fā)現(xiàn)有myvue，說(shuō)明還沒(méi)有安裝項(xiàng)目成功

?

這時(shí)查看命令行還有幾個(gè)需要自己填寫(xiě)項(xiàng)。

?

?

輸入工程名 描述 作者 以及一系列的是否選擇Y/N 這里我們都選擇Y ，出現(xiàn)上圖即表示項(xiàng)目導(dǎo)入成功 到myapp下查看吧

?

6由vue官方提供的項(xiàng)目文件體系至此安裝成功

?

?

?

7運(yùn)行文件

cd:myvue

cnpm install

cnpm run dev

?

出現(xiàn)端口信息表示已經(jīng)成功！

8打開(kāi)瀏覽器輸入http://localhost:8080,出現(xiàn)界面即表示成功！

?

轉(zhuǎn)載于:https://www.cnblogs.com/luojunweb/p/7906642.html

總結(jié)

以上是生活随笔為你收集整理的vue.js项目文件搭建的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。