安裝腳手架

前提條件：已安裝node（4.0版本以上），npm

a、全局安裝 vue-cli

npm install -g vue-cli

安裝成功后可以通過命令行查看版本號，如圖

b、初始化項目

新建一個文件夾命名為01vue，準備在此文件夾下存放項目，然后執(zhí)行命令行 vue init 模板類型 項目名稱 ，例：

vue init webpack my-vue-project

vue有很多模板類型，例如webpack, simple, browserify，這里創(chuàng)建的是基于webpack的項目，回車后會有一系列的交互問題:

項目的名稱，項目的描述，是否安裝vue-router（用于頁面跳轉(zhuǎn)），是否采用ESLint（一個代碼檢測的工具，可以避免低級錯誤和統(tǒng)一代碼風(fēng)格），是否安裝單元測試等，

可以一路enter到底，也可以自己選擇，例：

然后可以發(fā)現(xiàn)01vue里面多了一個名為my-vue-project文件夾的文件夾

c、啟動項目

按照上圖提示的命令行來啟動項目

cd my-vue-project npm install npm run dev

然后會看到文件夾里多了一個包含依賴包的文件夾 node_modules,最后在瀏覽器中輸入地址?http://localhost:8080，可以看到第一個頁面了^v^.

?

轉(zhuǎn)載于:https://www.cnblogs.com/danyun-lu/p/7762900.html

總結(jié)

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

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