对于刚接触的新手们建议关闭，不然代码写的不符合它的规范你的编译器会一直报错，如下图安装好脚手架之后就像这样终端输入npm run dev，然后打开localhost8080就可以看到项目运行啦大致分析一下几个比较常用的文件把，如下图1。

使用cnpm的时候需要先安装淘宝镜像 这里是安装淘宝镜像的命令 npm install g cnpm registry= 第一次使用vue项目管理器的时候，遇到的问题vue cli脚手架安装失败，导致无法启用 vue项目。

webpack安装命令安装之后 执行webpack v，它会问你直接回车就可以，然后再执行webpack v，如果出现相应的版本号就是安装成功 3最后就是安装vuecli脚手架了 vuecli脚手架安装命令安装之后 执行 vue V#160。

前端开发不需要配编译环境了，只需要把需要的各种库工具在命令行界面安装就行具体过程网上搜“从零开始搭建vue项目”脚手架里带的Node部分，主要充当的是WebServer，跟浏览器有什么关系最后都是要Webpack打包成纯粹的。

输入 node v， 出现类似v6112这样的版本号说明node安装成功输入 npm v， 出现类似v31010这样的版本号说明npm安装成功然后开始新建一个vue项目1安装脚手架工具 npm install g vuecli registry=。

这次给大家带来vuecli脚手架初始化如何使用，使用vuecli脚手架的注意事项有哪些，下面就是实战案例，一起来看一下vuecli是Vue 提供的一个官方命令行工具，可用于快速搭建大型单页应用该工具提供开箱即用的构建工具配置。