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

?

Win+r 鍵 輸入cmd進入命令行 輸入 node –v顯示出node.js版本號即表示node.js安裝成功。

?

?

2，安裝cnpm 淘寶鏡像

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

稍等片刻出現：表示安裝成功

?

?

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

輸入vue –V ?V為大寫

顯示出版本號即表示成功安裝。

?

?

4可能你發現你的node命令行默認是在c盤下運行命令，這時我們需要在D盤運行并且在D盤下生成一個vue項目文件，這時我們可以運行：

D:

cd：d:\leranVue?? learnVue是你的預先在D盤新建的一個文件夾

?

即可定位文件路徑了

?

5生成一個vue項目文件 名稱為 myvue

?

輸入命令 vue init webpack+項目名

vue init webpack myvue

?

查看node 的路徑d:\leranVue，沒發現有myvue，說明還沒有安裝項目成功

?

這時查看命令行還有幾個需要自己填寫項。

?

?

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

?

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

?

?

?

7運行文件

cd:myvue

cnpm install

cnpm run dev

?

出現端口信息表示已經成功！

8打開瀏覽器輸入http://localhost:8080,出現界面即表示成功！

?

轉載于:https://www.cnblogs.com/luojunweb/p/7906642.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。