‘壹’ 用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 属性值，达到移动端适配的目的 总结 以上就是这篇文章的全部内容了，本文作为移动端配置的基础篇，深入了解框架后才能继续构建网站，希望这是一个好的开始，有了这个架子再填充代码就方便了许多，不用再去考虑开发环境问题了。希望本文的内容对有需要的朋友们能有所帮助。