如下圖安裝好腳手架之后就像這樣終端輸入npm run dev，然后打開localhost8080就可以看到項目運行啦大致分析一下幾個比較常用的文件把，如下圖1build主要用來配置構建項目以及webpack2config項目開發(fā)配置3npm或者cnpm所；3第二步全局安裝vuecli，在命令窗口輸入npm install g vuecli，然后跑vue V出現(xiàn)版本號證明安裝成功4開始生成項目，在本地硬盤找一個目錄存放代碼，然后打開命令行cd切換到相應的路徑下，然后跑 vue init webpack。

如果想進一步了解cnpm的，查看淘寶npm鏡像官網安裝vuecli腳手架構建工具安裝vuecli腳手架構建工具在命令行中運行命令 cnpm install g vuecli，然后等待安裝完成注意，這里使用cnpm來替代npm，不然速度超級慢，會導致卡；配置cssloader命令行 配置styleloader命令行 配置cssloaderstyleloader命令行后，在配置文件里配置loader，增加對css文件的處理 在項目目錄下新建一個stylecss文件 然后在mainjs入口文件里面用import。

1全局安裝 vuecli ，在命令提示窗口執(zhí)行2安裝vuecli成功后，通過cd命令進入你想放置項目的文件夾，在命令提示窗口執(zhí)行創(chuàng)建vuecli工程項目的命令通過vuecli搭建一個vue項目，會自動生成一系列文件，而這些文；因此常用來做靜態(tài)資源服務器和后端的反向代理服務器本文主要記錄使用nginx去部署使用vue搭建的前端項目，項目基于vue官方的腳手架vuecli構建開發(fā)環(huán)境搭建完成二編譯部署1項目路徑下demo輸入命令npm run build編譯完成后。

這里說下 vuecli 腳手架所帶的圖形界面編譯打包管理，可使用如下命令開啟，然后按照提示，加入需要的項目，可以查看儀表盤展示，進行插件管理，依賴管理，編譯配置，以及項目構建的操作，十分方便啟動 vuecli 圖形界面 然后；這次給大家?guī)韛uecli腳手架初始化如何使用，使用vuecli腳手架的注意事項有哪些，下面就是實戰(zhàn)案例，一起來看一下vuecli是Vue 提供的一個官方命令行工具，可用于快速搭建大型單頁應用該工具提供開箱即用的構建工具配置。

檢查node是否安裝成功 為了更快安裝，可以使用淘寶的鏡像 在終端輸入以下命令檢測cnpm是否安裝成功 vuecli是vue腳手架工具，方便打包，部署，測試等進入你的項目目錄，創(chuàng)建一個基于 webpack；下面正式開始搭建vuecli腳手架命令行工具命令行工具是我們操作npm的基礎，這個必須要有的，很多教程沒有寫清楚，那些教程一上來就貼上一大堆命令，當初也不知道在哪里使用命令行工具git bash命令行工具1windows下本人。

vue2.9.6版本的腳手架如何創(chuàng)建項目

1、目前在市面上存在很多腳手架，如createreactappvuecli我們可以通過一行簡單的命令，就能創(chuàng)建一個基本的項目工程，大大地提高了開發(fā)效率但是我們會面臨一個問題，除了腳手架幫我們創(chuàng)建好的項目框架，我們的項目總有。

2、腳手架安裝成功之后，就可以通過腳手架創(chuàng)建vue項目了通過上面腳手架創(chuàng)建的Vue項目，使用 npm run serve 命令之后，打印如下使用 npm run serve 命令并不會自動打開瀏覽器，下面我們修改端口號，并且讓執(zhí)行命令之后。

3、2全局安裝 npm install g @vuecli 或 yarn global add @vuecli 3全局安裝了vuecli3 但是還想用vuecli2 ，添加一個橋接工具 命令npm install g @vuecliinit 4可以進行創(chuàng)建項目了 vuecli2 命令。

安裝成功之后，我們執(zhí)行以下命令就可以創(chuàng)建一個完整的項目案例vue create myproject執(zhí)行上述命令以后，會讓我們選擇是按照默認default的配置，還是選擇執(zhí)行配置，如果你已經非常熟悉了腳手架工具或者默認的配置你滿足不了你；cnpm install webpack g安裝腳手架npm install vuecli g創(chuàng)建項目在硬盤上找一個文件夾放工程用的，在終端中進入該目錄，cd目錄路徑根據模板創(chuàng)建項目，vue init webpacksimple 工程名字lt工程名字不能用中文，vue init。

轉換項目地址 GitHub 使用手冊MogoH5+ 是一個 vue 多頁面 腳手架工具 ，結合 H5+可以快速開發(fā)安卓與蘋果 APP即使不適用 Hbuilder 打包成 APP，本腳手架同樣可以作為多頁面網頁生成的參考項目特性支持 Npm 生態(tài)支持 vue；Install vuerouter？ Yes？ Use ESLint to lint your code？ No？ Setup unit tests with Karma + Mocha？ No？ Setup e2e tests with Nightwatch？ No選項選完，項目也就生成了執(zhí)行命令，安裝腳手架創(chuàng)建的組件npm install。