然后在Vue项目中运行 在 dist NPM软件包的目录中，您会找到许多不同的Vuejs版本全局安装脚手架 查看脚手架版本是否在45以上含45创建项目 此时终端显示如下图 选择第二项 Vue 3 Preview ，等待安装完成到；需要配置以下的所有命令例如需要用到vue文件需要先安装vueloadervuestyleloader等加载器并做配置要使用es6语法，需要安装babel和babelloader等加载器注意一条都不能配置漏，不然出现报错可能影响往后的运行与配置；本人测试vuecli，使用的各个工具的版本，分别是node695webpack360vue244第一步，安装nodejsPS我所使用的系统是win7的64位PS检测nodejs是否安装成功，在命令行中输入node v即可第二步；1安装nodejs开发环境 2全局安装vuecli脚手架 3使用vuecli脚手架运行vueinit命令初始化工程 4开发，编写代码，包括组件事件并开启webpack的热部署功能实时查看 5打包开发好的代码，使用npmrunbuild 6部署。

import hello from #39hello#39 ！hellojs？ ！hellovue？ ！hellojson extensions quotjsquot， quotvuequot， quotjsonquot， 配置别名映射 alias import Vue from #39vuedist#39可以写成 import Vue；安装 3x 版本的 Vue 脚手架输入 vue V 如果出现版本号，就说明安装成功脚手架安装成功之后，就可以通过脚手架创建vue项目了通过上面脚手架创建的Vue项目，使用 npm run serve 命令之后，打印如下使用；如果想进一步了解cnpm的，查看淘宝npm镜像官网安装vuecli脚手架构建工具安装vuecli脚手架构建工具在命令行中运行命令 cnpm install g vuecli，然后等待安装完成注意，这里使用cnpm来替代npm，不然速度超级慢，会导致卡；vue 项目的开发流程1$ node v 检测node版本，node版本需要在 V4 以上2全局安装vue $ npm install g vue3安装脚手架 $ npm install g vuecli4运行 vue 命令，看是否已安装完毕 $ vue $ vue list；2全局安装vuecli脚手架3安好脚手架后全局命令行就会有一个vue命令，可以初始化一个带webpack的vue项目4此时创建的vue项目就在该travel里面了所有的依赖nodemoules和项目的相关文件都在创建的vue这个项目里了。

注意该命令需要在联网状态下执行才能成功这样一个简单的 vue 项目就建立完成项目文件结构如下图按照提示，打开浏览器输入地址；集成打包上线方案5 还有一些优点，包括模块化，转译，预处理，热加载，静态检测和自动化测试等，等大家深入使用下去就会发现vuecli的强大之处本教程是基于windows系统下面正式开始搭建vuecli脚手架命令行工具命令。

8安装vue相关包，重新打开cmdnpm install vue g9安装vuenpm install vuerouter g 10安装vuerouternpm install vuecli g11安装vue脚手架这里的g是指安装到global全局目录去，安装完成后，此时。

本教程是基于windows系统下面正式开始搭建vuecli脚手架命令行工具命令行工具是我们操作npm的基础，这个必须要有的，很多教程没有写清楚，那些教程一上来就贴上一大堆命令，当初也不知道在哪里使用命令行工具git bash。

首先在大前提vuecli已经安装好的情况下，并且cnpm install后官网使用的是npm，但这里推荐用cnpm比npm快而且npm有时候会有出现卡住的现象，这里有个小提醒就是关于是否开启eslint，这个是对你写的代码进行规范化的一个工具；运行开发环境，运行成功打开浏览器。