1、安装 3x 版本的 Vue 脚手架输入 vue V 如果出现版本号，就说明安装成功脚手架安装成功之后，就可以通过脚手架创建vue项目了通过上面脚手架创建的Vue项目，使用 npm run serve 命令之后，打印如下使用 np。
2、vuecli脚手架安装命令安装之后 执行 vue V#160，如果出现相应的版本号就是安装成功 4用vuecli创建一个基于webpack的新项目并运行 首先可以在桌面新建一个文件夹，如Vue 然后执行cd Vue 进入文件夹，然后输入。
3、需要配置以下的所有命令例如需要用到vue文件需要先安装vueloadervuestyleloader等加载器并做配置要使用es6语法，需要安装babel和babelloader等加载器注意一条都不能配置漏，不然出现报错可能影响往后的运行与配置。
4、关闭cm4安装vue相关包 重新打开cmd npm install vue g 安装vuenpm install vuerouter g 安装vuerouternpm install vuecli g 安装vue脚手架这里的g是指安装到global全局目录去 安装完成后，此时安装的文件都会到E。
5、先安装nodejs， 然后再安装全局vuecli脚手架webpack命令输入 1npmcnpm install g vuecli 全局安装vuecli 2npmcnpm install g webpack 全局安装webpack npmnpm install g webpackdev。
6、二Vue 全家桶 我们接下来介绍全家桶的安装使用详情大家可以去初始页面的链接查看 一句命令搞定全家桶 npm install vuerouter vueresource vuex save packagejson 已经加入了我们的全家桶，node_modules。
7、安装cnpm 在命令行中输入 npm install g cnpm registry= 然后等待下载，大概2分钟安装vuecli脚手架构建工具 在命令行中运行命令 npm install g vuecli ，然后等待安装完成通过。
8、vue有自己的脚手架构建工具vuecli，使用起来非常方便，使用webpack来集成各种开发便捷工具，比如代码热更新，修改代码之后网页无刷新改变，对前端开发来说非常的方便PostCss，再也不用去管兼容性的问题了，只针对chrome写css。
9、检查node是否安装成功 为了更快安装，可以使用淘宝的镜像 在终端输入以下命令检测cnpm是否安装成功 vuecli是vue脚手架工具，方便打包，部署，测试等进入你的项目目录，创建一个基于 webpack。
10、1 如果你已经全局安装了旧版本的 vuecli1 或2，你需要先通过 npm uninstall vuecli g 或 yarn global remove vuecli 卸载它卸载脚手架2全局安装 npm install g @vuecli 或 yarn global add @vue。
11、在 dist NPM软件包的目录中，您会找到许多不同的Vuejs版本全局安装脚手架 查看脚手架版本是否在45以上含45创建项目 此时终端显示如下图 选择第二项 Vue 3 Preview ，等待安装完成到此，恭喜你迈入了 Vue。
12、2Error ENOENT no such file or directory， open #39D\ahao\studyPath\bootstrapvue\node_modules\lodash\lodashjs#393VUE中使用BootstrapVue图片bimg标签路径显示不出图片问题 新建 安装 npm。
13、可以尝试升级到最新版本的Vue脚手架，再重新创建项目2安装问题如果在安装Vue脚手架时出现问题，会导致创建的文件不全可以尝试重新安装Vue脚手架，并确保安装过程中没有出现错误3模板选择问题在使用Vue脚手架创建。
14、第一次使用vue项目管理器的时候，遇到的问题vue cli脚手架安装失败，导致无法启用 vue项目仪表盘 解决的办法把原本的命令换为cnpm i g @vuecli 安装成功 然后使用 vue V命令查看一下版本 使用 vue h 查看。
15、vue脚手架安装显示无法修改是没有进入到相应的文件夹，也是环境变量问题项目命名时路径中一定不能出现中文特殊符号等，右键计算机管理本地用户和组用户右键中文用户名重命名。
