1、安裝 node.js? 應(yīng)用

安裝完之后測(cè)試是否安裝成功，如圖：

2、全局安裝 vue - cli

輸入命令符： npm install --global vue-cli

測(cè)試是否安裝成功，成功如圖：

3、選擇需要安裝到盤和文件夾，如圖：E:\vue

4、開始創(chuàng)建文件，并取文件名為 vue-cli-study，并按自己需求選擇

4、運(yùn)行項(xiàng)目

?進(jìn)入創(chuàng)建的文件夾，然后 npm run dev 開始運(yùn)行項(xiàng)目，如圖：

?

另外記錄下 文件的目錄分別是做什么用的，轉(zhuǎn)自?http://blog.csdn.net/webxiaoma/article/details/73650810?locationNum=4&fps=1?

一級(jí)目錄
build: webpack 配置相關(guān)的目錄
config: webpack 配置相關(guān)的目錄
node_modules: npm install 安裝的依賴代碼庫(kù)
src：我們存放的源碼，我們開發(fā)的所喲代碼都放在src目錄下。
staic: 存放一些第三方靜態(tài)資源的目錄
test:測(cè)試目錄，沒有太大用處，可以刪除

一級(jí)文件：
.babelrc: babel的一些配置，（將es6編譯成es5的一些配置）
.editorconfig:編輯器的一些配置（包括編碼格式，縮進(jìn)風(fēng)格，換行格式）
.eslintignore：配置我們不會(huì)對(duì)build文件和config文件進(jìn)行語(yǔ)法檢查。
.eslintrc.js： eslint的配置文件，主要是定義一些代碼編寫風(fēng)格的規(guī)則。
.gitignore：配置git倉(cāng)庫(kù)忽略的一些文件（不會(huì)上傳）
index.html： 入口html 文件。
package.json：項(xiàng)目的一些配置信息（項(xiàng)目的一些具體信息）

src 文件夾下的 目錄：

assets 文件夾： 存放靜態(tài)資源，例如：圖片，font字體等。
conponents 文件夾： 存放組件，里面你可以在建文件來(lái)分組件，比如建 header 問(wèn)價(jià)夾， footer 文件夾
router 文件夾： 配置路由文件
App.vue 文件： App.vue是我們的主組件，所有頁(yè)面都是在App.vue下進(jìn)行切換的
main.js 文件： 主要作用是初始化vue實(shí)例并使用需要的插件

因?yàn)槲颐粗饕窃趕rc下進(jìn)行開發(fā)，所有這些文件名不是必須，你可以根據(jù)您的項(xiàng)目需求去增加，或刪除。不過(guò) app.vue 文件和 main.js 文件 必須要有的。

?

轉(zhuǎn)載于:https://www.cnblogs.com/xll-qg/p/8386207.html

總結(jié)

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

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