Vue脚手架目录详解
安装 x 版本的 Vue 脚手架。输入 vue -V 如果出现版本号，就说明安装成功。脚手架安装成功之后，就可以通过脚手架创建vue项目了。
对于vue的使用可以分为两种使用形式：引入vue.js文件，在js中将vue实例化；通过node安装第三方包--vue，搭建脚手架，用脚手架将页面分成几个组件编写，从而利用组件来搭建页面。
Vue是：构建用户界面的渐进式框架，可以自底向上逐层应用（大概是这个意思？由基层开始做起，把基础的东西写好，再逐层往上添加效果和功能。
检查node是否安装成功 为了更快安装，可以使用淘宝的镜像：http：//npm.taobao.org/ 在终端输入以下命令：检测cnpm是否安装成功 vue-cli是vue脚手架工具，方便打包，部署，测试等。
既然提到了部署，默认的部署使用 npm/cnpm 进行，如下命令，输出内容在 /dist 目录。可以使用参数来设置，得到符合不同需要的编译结果。之后即可以将打包的文件部署到服务器上。
Vue脚手架
1、在没有Vue脚手架的时候，我们需要手动搭建webpack项目、手动去配置vue，现在有了Vue脚手架，我们就可以通过命令行的形式快速生成vue项目的基础架构。
2、版本问题：Vue脚手架更新比较快，如果使用的是旧版本的脚手架，会导致创建的文件不全。可以尝试升级到最新版本的Vue脚手架，再重新创建项目。安装问题：如果在安装Vue脚手架时出现问题，会导致创建的文件不全。
3、根据提示执行 npm i -g @vue/cli-init 至此完成，你的脚手架可以用了（如果还是不可以用，继续肝），我的也还是报警告，但最起码输入 vue -V之后有版本号了，不影响开发就行。
4、的vue-cli已经非常清楚明白咯。你只要利用npm进行安装vue-cli，之后：vue init webpack (这里的三个点是你的项目命名)；然后他就自动的模版引擎，后面的东西可以根据它的提示进行后续操作，启动的话也是很简单的。
5、vue项目不一定都是要搭建脚手架，也可以直接用cdn.引入vue的形式，写的静态页面不搭建脚手架也是可以的。
6、一般就是这样：本人测试vue-cli，使用的各个工具的版本，分别是node9webpack0、vue4。第一步，安装node.js。PS：我所使用的系统是win7的64位。
vue-cli脚手架安装及运行
第四步，安装Vue。执行命令：cnpm install vue。第五步，全局安装vue-cli。执行命令：cnpm install --global vue-cli。(此步可以忽视)第六步，在开源处(即存放网站的地方)，执行操作：shift+右键，点击在此处打开命令窗口。
的vue-cli已经非常清楚明白咯。你只要利用npm进行安装vue-cli，之后：vue init webpack (这里的三个点是你的项目命名)；然后他就自动的模版引擎，后面的东西可以根据它的提示进行后续操作，启动的话也是很简单的。
安装cnpm 在命令行中输入 npm install -g cnpm --registry=http：//registry.npm.taobao.org 然后等待下载，大概2分钟。安装vue-cli脚手架构建工具 在命令行中运行命令 npm install -g vue-cli ，然后等待安装完成。
到这，我们开始安装 router 、 vuex 。 Ctrl+C 退出启动，继续执行 vue-cli ，脚手架安装插件 router 和 vuex 开始。
终端输入：npm install -g cnpm --registry=https：//registry.npm.taobao.org 安装webpack cnpm install webpack -g 安装vue脚手架（自动搭建vue项目框架的工具）sudo npm install -g vue-cli。静待。
在终端输入以下命令：检测cnpm是否安装成功 vue-cli是vue脚手架工具，方便打包，部署，测试等。