『壹』 用webstorm安裝了腳手架，但是無法查看vue的版本，是怎麼回事
說明你沒安裝vue阿
而且你腳手架為什麼用webstorm安裝，vue init就是生成腳手架吧，你vue init能執行么？既然可以vue init說明vue命令環境中存在阿，如果不能執行說明你全局就沒安裝vue，安裝腳手架和安裝vue可不是一個概念，腳手架的vue版本直接在package.json里就能看了
『貳』 如何學習web開發環境搭建和腳手架
Web前端的學習路線
第一階段：
HTML+CSS:
HTML進階、CSS進階、div+css布局、HTML+css整站開發、
JavaScript基礎：
Js基礎教程、js內置對象常用方法、常見DOM樹操作大全、ECMAscript、DOM、BOM、定時器和焦點圖。
JS基本特效：
常見特效、例如：tab、導航、整頁滾動、輪播圖、JS製作幻燈片、彈出層、手風琴菜單、瀑布流布局、滾動事件、滾差視圖。
JS高級特徵：
正則表達式、排序演算法、遞歸演算法、閉包、函數節流、作用域鏈、基於距離運動框架、面向對象基礎、
jQuery：基礎使用
懸著器、DOM操作、特效和動畫、方法鏈、拖拽、變形、JQueryUI組件基本使用。
第二階段：HTML5和移動Web開發
Html5：
HTML5新語義標簽、HTML5表單、音頻和視頻、離線和本地存儲、SVG、Web Socket、Canvas.
CSS3:
CSS3新選擇器、偽元素、臉色表示法、邊框、陰影、background系列屬性改變、Transition、動畫、景深和深透、3D效果製作、Velocity.js框架、元素進場、出場策略、炫酷CSS3網頁製作。
Bootstrap:
響應式概念、媒體查詢、響應式網站製作、刪格系統、刪格系統原理、Bootstrap常用模板、LESS和SASS。
移動Web開發：
跨終端WEB和主流設備簡介、視口、流式布局、彈性盒子、rem、移動終端JavaScript事件、手機中常見JS效果製作、Zepto.js、手機聚劃算頁面、手機滾屏。
第三階段：HTTP服務和AJAX編程
WEB伺服器基礎：
伺服器基礎知識、Apache伺服器和其他WEB伺服器介紹、Apache伺服器搭建、HTTP介紹。
PHP基礎：
PHP基礎語法、使用PHP處理簡單的GET或者POST請求、
AJAX上篇：
Ajax簡介和非同步的概念、Ajax框架的封裝、XMLHttpRequest對象詳細介紹方法、兼容性處理方法、Ajax框架的封裝、Ajax中緩存問題、XML介紹和使用。
AJAX下篇：
JSON和JSON解析、數據綁定和模板技術、JSONP、跨域技術、圖片預讀取和lazy-load技術、JQuery框架中的AjaxAPI、使用Ajax實現爆布流案例額。
第四階段：面向對象進階
面向對象終極篇：
從內存角度到理解JS面向對象、基本類型、復雜類型、原型鏈、ES6中的面向對象、屬性讀寫許可權、設置器、訪問器。
面向對象三大特徵：
繼承性、多態性、封裝性、介面。
設計模式：
面向對象編程思維、單例模式、工廠模式、策略模式、觀察者模式、模板方法模式、代理模式、裝飾者模式、適配器模式、面向切面編程。
第五階段：封裝一個屬於自己的框架
框架封裝基礎：
事件流、冒泡、捕獲、事件對象、事件框架、選擇框架。
框架封裝中級：
運動原理、單物體運動框架、多物體運動框架、運動框架面向對象封裝。
框架封裝高級和補充：
JQuery框架雛形、可擴展性、模塊化、封裝屬於傳智自己的框架。
第六階段：模塊化組件開發
面向組件編程：
面向組件編程的方式、面向組件編程的實現原理、面向組件編程實戰、基於組件化思想開發網站應用程序。
面向模塊編程：
AMD設計規范、CMD設計規范、RequireJS，LoadJS、淘寶的SeaJS。
第七階段：主流的流行框架
Web開發工作流：
Git/SVN、Yeoman腳手架、NPM/Bower依賴管理工具、Grunt/Gulp/Webpack。
MVC/MVVM/MVW框架：
Angular.js、Backbone.js、Knockout/Ember。
常用庫：
React.js、Vue.js、Zepto.js。
第八階段：HTML5原生移動應用開發
Cordova：
WebApp/NativeApp/HybirdApp簡介、Cordova簡介、與PhoneGap之間的關系、開發環境搭建、Cordova實戰(創建項目，配置，編譯，調試，部署發布)。
Ionic：
Ionic簡介和同類對比、模板項目解析、常見組件及使用、結合Angular構建APP、常見效果(下拉刷新，上拉載入，側滑導航，選項卡)。
React Native：
React Native簡介、React Native環境配置、創建項目，配置，編譯，調試，部署發布、原生模塊和UI組件、原生常用API。
HTML5+：
HTML5+中國產業、HTML5 Plus Runtime環境、HBuilder開發工具、MUI框架、H5+開發和部署。
第九階段： Node.js全棧開發：
快速入門：
Node.js發展、生態圈、Io.js、Linux/Windows/OS X環境配置、REPL環境和控制台程序、非同步編程，非阻塞I/O、模塊概念，模塊管理工具、開發流程，調試，測試。
核心模塊和對象：
全局對象global，process，console，util、事件驅動，事件發射器、加密解密，路徑操作，序列化和反序列化、文件流操作、HTTP服務端與客戶端、Socket.IO。
Web開發基礎：
HTTP協議，請求響應處理過程、關系型資料庫操作和數據訪問、非關系型資料庫操作和數據訪問、原生的Node.js開發Web應用程序、Web開發工作流、Node.js開發Blog案例。
快速開發框架：
Express簡介+MVC簡介、Express常用API、Express路由模塊、Jade/Ejs模板引擎、使用Express重構Blog案例、Koa等其他常見MVC框架。
Node.js開發電子商務實戰：
需求與設計、賬戶模塊注冊登錄、會員中心模塊、前台展示模塊、購物車，訂單結算、在線客服即時通訊模塊。
『叄』 使用react的腳手架react-create-app需要要webpack打包嗎
一般來說可以不用jquery，可以使用fetch替代ajax。
但是現實開發中很可能遇到各種各樣的情況，比如不得不用React封裝一個現成的jquery或純js寫的控制項來用。比如將highcharts或echarts封裝成React組件等。
我覺得具體還得視項目需求而定，畢竟React目前的用戶群數和jquery相比還是太少了。
『肆』 為什麼Java Web框架都沒有很好的腳手架
記得Django和Rails教程都介紹了通過實體生成一個簡單的CRUD界面，現在用的ASP.NET MVC這塊我覺得做得更好，不僅按照實體欄位生成了輸入框，對jquery validate集成的也不錯。最近看spring mvc或者struts2都沒有這塊內容。當然可能這么說不合適畢竟spring有spring roo，但是我看過一點roo的教程，我覺得似乎侵入性太強了，可能侵入性這個詞不合理，我的意思就是在asp.net mvc中，這個腳手架就是整個開發的一個流程，看spring roo的教程似乎有一種從寫html代碼換成Dreamware畫界面那種感覺。這個應該看使用程度就知道了，使用過ASP.NET MVC中的都會去用腳手架，但是Java web開發中很少人用spring roo。如果說這個功能不需要的話為啥幾乎所有web框架都提供。
我開始以為是因為Java本身語言特性的問題，但是我發現php大多框架都支持腳手架，就不太明白了。
我本以為現在國內的開發環境也越來越成熟，越來越正規，就算某種語言有過什麼彎路，但是如果不是本質性的問題，比如php很大程度上還算一個面向過程的語言。除此之外現在大家基本功能都應該健全了，畢竟php,Java,.net都是存在超過十年的語言了。
是我某些地方想錯了嗎？是這些東西真的無所謂嗎？我記得以前看某個人的評論說「java是十年前的web技術，php是五年前的，python才是現在的技術」，我還是還覺得是個笑話，Java可是一個oop的多範式語言，語言特性上應該比php好，python雖然某些特性上比較好，但是畢竟是動態語言，好吧php也是動態語言，很多地方靜態語言+好的IDE不比動態語言差。
『伍』 webStorp腳手架怎麼引用vue.js
webstrom是一個編譯器吧，還有webstrop腳手架？如果有的話，你直接npm裝一下vue就可以了。
『陸』 自學web前端架構之前需要具備什麼條件在哪能學到更好的架構技術
首先web前端架構基本都是從前端工程師發展而來的，掌握好基本的前端技術基礎，有兩三年的前端經驗，至少是做過1-2次大型的公司級項目，做過同類的工程，才更有資格去架構它，有了這些經驗你再進階前端架構師才有優勢，至於在哪裡學，網上前端架構師的課程挺少的，有的是用一些熱點知識拼湊起來的，也不太實用。慕課網也有web前端架構師這類課程，這門課用了一個真實復雜項目來幫大家搭建全局性架構思維，我聽過第一階段的腳手架內容，確實很實用填補了大多數人在這方面的能力空白，普遍反響很不錯。以目前我看過的內容來看，老師水平確實符合p7架構師應該有的水平。
『柒』 vue vue-cli腳手架 要先安裝哪個
一般就是這樣：
本人測試vue-cli，使用的各個工具的版本，分別是node6.95、webpack3.6.0、vue2.4.4。
第一步，安裝node.js。
PS：我所使用的系統是win7的64位。
PS：檢測node.js是否安裝成功，在命令行中輸入node -v即可。
第二步，安裝cnpm。點擊運行，輸入cmd，執行命令：$ npm install -g cnpm --registry=https://registry.npm.taobao.org。
PS：有的朋友可能安裝cnpm不成功，如果不成功可以自行網路，尋找解決方案。如果不能解決，以後只能使用npm命令，npm命令執行效率會比較慢。
PS：檢測cnpm是否安裝成功，在命令行中輸入cnmp -v即可。
第三步，安裝webpack。執行命令：cnpm install webpack -g。
PS：同樣的事使用webpack -v來檢測webpack是否安裝成功。
第四步，安裝Vue。執行命令：cnpm install vue。
第五步，全局安裝vue-cli。執行命令：cnpm install --global vue-cli。(此步可以忽視)
第六步，在開源處(即存放網站的地方)，執行操作：shift+右鍵，點擊在此處打開命令窗口。
第七步，執行命令vue init webpack projectname(自定義項目名)或vue init webpack-simple projectname(自定義項目名)。
PS：本人使用的是webpack-simple。
第八步，等下載完以後，會提幾個問題，如果需要，可以寫上作者名字，其他都回車跳過或者y確認。(或按需添加)
第九步，執行命令cd projectname(自定義項目名) 定位到這里。
第十步，cnpm install安裝依賴。
第十一步，npm run dev。
『捌』 vue腳手架 npm run dev 報錯啊。。在線等
一、簡介
Vue.js 是什麼
Vue.js（讀音 /vjuː/, 類似於 view） 是一套構建用戶界面的 漸進式框架。與其他重量級框架不同的是，Vue 採用自底向上增量開發的設計。Vue 的核心庫只關注視圖層，並且非常容易學習，非常容易與其它庫或已有項目整合。另一方面，Vue 完全有能力驅動採用單文件組件和Vue生態系統支持的庫開發的復雜單頁應用。
Vue.js 的目標是通過盡可能簡單的 API 實現響應的數據綁定和組合的視圖組件。
Vue.js是一個MVVM模式的框架，如果讀者有angular經驗，一定能夠很快入門Vue的
vue.js的特點:
易用： 已經會了HTML,CSS,JavaScript？即刻閱讀指南即可開始構建應用！
靈活： 簡單小巧的核心，漸進式技術棧，足以應付任何規模的應用。
高效： 16kb min+gzip 的運行大小,超快虛擬 DOM ,最省心的優化
二、環境搭建
vue推薦開發環境:
Node.js: javascript運行環境(runtime),不同系統直接運行各種編程語言
npm: Nodejs下的包管理器
webpack: 它主要的用途是通過 CommonJS 的語法把所有瀏覽器端需要發布的靜態資源做相應的准備，比如資源的合並和打包。
vue-cli: 用戶生成Vue工程模板
開始安裝:
1.nodejs由於我已經安裝好了,跳過
安裝該模塊:
ccnpm install 模塊名 --save-dev(關於環境的，表現為npm run dev 啟動不了)cnpm install 模塊名 --save(關於項目的，比如main.js，表現為npm run dev 成功之後控制台報錯)比如escape-string-regexp、strip-ansi、has-ansi、is-finite、emojis-list
安裝好後運行又報這個模塊的錯:
Error: Cannot find mole 'bl' at Function.Mole._resolveFilename (mole.js:455:15) at Function.Mole._load (mole.js:403:25) at Mole.require (mole.js:483:17) at require (internal/mole.js:20:19) at Object.<anonymous> (C:UsersfendoAppDataRoaming pm ode_moles pm ode_moles equest equest.js:9:10) at Mole._compile (mole.js:556:32) at Object.Mole._extensions..js (mole.js:565:10) at Mole.load (mole.js:473:32) at tryMoleLoad (mole.js:432:12) at Function.Mole._load (mole.js:424:3)
接著繼續安裝
『玖』 vue2.0用腳手架搭建的官方例子怎麼用webpack打包 如何配置
前言 vue2 然後通過以下命令安裝 webpack cnpm install webpack -g 註：下面 orange 默認給出 npm 的安裝方案，安裝失敗請自行轉為 cnpm 安裝 在需要創建工程的位置運行 vue init webpack-simple 工程名字<工程名字不能用中文> 或者創建 vue1.0 的項目，只需將命令換成 vue init webpack-simple#1.0 這里我們基於 2.x 開發的，直接使用第一種方法創建工程即可，下圖是創建工程時的截圖，需要你添加 Project name，Project description，Author. 圖中已經給出下一步應該操作的步驟，我們按照步驟一步一步執行，這里 orange 不給大家一步一步列出。 注意：這里一定要使用 npm install 安裝官方庫，而不要使用淘寶鏡像，會導致部分依賴丟失。 安裝完成後，目錄如下圖。 然後我們運行我們的項目後瀏覽器會自動彈出，並展示以下頁面 這里注意觀察，默認給我們八個鏈接，可以根據這幾個鏈接獲得我們想要的學習資源，上面是必要的的鏈接（官方文檔以及關注 vue 動態），下面是 vue 的生態系統，大家親切的叫它們為全家桶。 二、Vue 全家桶 我們接下來介紹全家桶的安裝（使用詳情大家可以去初始頁面的鏈接查看） 一句命令搞定全家桶 npm install vue-router vue-resource vuex --save package.json 已經加入了我們的全家桶，node_moles 目錄下也有對應的依賴包，注意這里現在還不能用擴展之後的方法，因為我們沒引入到項目中來。 src/main.js 修改如下 import Vue from 'vue' import VueResource from 'vue-resource' import VueRouter from 'vue-router' import Vuex from 'vuex' import App from './App.vue' Vue.use(VueResource) Vue.use(VueRouter) Vue.use(Vuex) new Vue({ el: '#app', render: h => h(App) }) 這時我們的項目就能運行對應的擴展方法了 三、集成 Sass 作為移動端的開發怎麼能缺少 css 預編譯語言。sass 安裝需要幾個依賴。 我們乾脆在 package.json 把版本寫死，然後通過 npm install 安裝 在 "devDependencies": {} 中添加下面幾個依賴 "node-sass": "^3.8.0", "sass": "^0.5.0", "sass-loader": "^4.0.0", 好，我們 npm install 後，就可以正式使用 sass 啦 四、目錄結構建議 依賴的安裝到這里差不多結束了，其它大家需要的可以自定義安裝 下面給出我的目錄建議供大家參考， 這里的 img 目錄放置圖片，script 目錄放置公共的工具函數，style 目錄放置我們的 sass 文件， 你查看 App.vue 文件時不難發現，默認的把樣式文件給到了模塊里，這樣樣式一直跟著模塊 orange 建議大家不要這樣做，因為這樣十分不利於樣式的模塊化，注意區分與模版模塊化的區別， 我們單獨設置 style 目錄，並在目錄當中對 sass 進行模塊化處理（通過 import 引入 sass 模塊） 對應的 App.vue 也變得非常簡潔，代碼如下 <style lang="sass"> @import "/style/base.scss"; </style> 五、rem 適配 對於移動端的開發，rem 適配必不可少，我們可以用多種方式實現，下面給出一種方案 在 index.html 中添加如下代碼 <script> let html = document.documentElement; window.rem = html.getBoundingClientRect().width / 16 ; html.style.fontSize = window.rem + 'px'; </script> 這里基於寬 320px 的屏幕分成了 16 份，也就是 1rem = 20px，目前大多數設計稿都是根據 iphone6 的寬（ 375px ）走的，建議大家在這里分成 25 份，也就是 1rem = 15px，計算起來方便些。 簡單說下 rem 原理：根據 html 的 fontSize 屬性值為基準，其它所有的 rem 值，根據這個基準計算。 我們根據屏幕寬度用 js 動態修改了 html 的 fontSize 屬性值，達到移動端適配的目的 總結 以上就是這篇文章的全部內容了，本文作為移動端配置的基礎篇，深入了解框架後才能繼續構建網站，希望這是一個好的開始，有了這個架子再填充代碼就方便了許多，不用再去考慮開發環境問題了。希望本文的內容對有需要的朋友們能有所幫助。