1、8安装vue相关包，重新打开cmdnpm install vue g9安装vuenpm install vuerouter g 10安装vuerouternpm install vuecli g11安装vue脚手架这里的g是指安装到global全局目录去，安装完成后，此时；安装 3x 版本的 Vue 脚手架输入 vue V 如果出现版本号，就说明安装成功脚手架安装成功之后，就可以通过脚手架创建vue项目了通过上面脚手架创建的Vue项目，使用 npm run serve 命令之后，打印如下使用 np；一般就是这样本人测试vuecli，使用的各个工具的版本，分别是node695webpack360vue244第一步，安装nodejsPS我所使用的系统是win7的64位PS检测nodejs是否安装成功，在命令行中输入node v；检查node是否安装成功 为了更快安装，可以使用淘宝的镜像 在终端输入以下命令检测cnpm是否安装成功 vuecli是vue脚手架工具，方便打包，部署，测试等进入你的项目目录，创建一个基于 webpack；安装之后 执行cnpm v，如果出现相应的版本号就是安装成功 webpack安装命令安装之后 执行webpack v，它会问你直接回车就可以，然后再执行webpack v，如果出现相应的版本号就是安装成功 3最后就是安装vuecli脚手。

2、21 简单的安装使用createreactapp安装起来实在是太简单，只需要一条命令，不像别的脚手架，还需要去clone整个脚手架的源码，再在那基础上改npm install g createreactapp装完之后，生成一个新的项目，可以使用；既然提到了部署，默认的部署使用 npmcnpm 进行，如下命令，输出内容在 dist 目录可以使用参数来设置，得到符合不同需要的编译结果之后即可以将打包的文件部署到服务器上这里说下 vuecli 脚手架所带的图形界面编译；1如何引入在vuecli里，引入文件有几钟方法一种是用npm或者cnpm指令去下载对应的插件，然后在mainjs里用import方法引入，这里不讨论这种方法我比较喜欢采用的是直接下载对应的js，然后引入到vue项目中去问题来了，如何引入。

3、因此常用来做静态资源服务器和后端的反向代理服务器本文主要记录使用nginx去部署使用vue搭建的前端项目，项目基于vue官方的脚手架vuecli构建开发环境搭建完成二编译部署1项目路径下demo输入命令npm run build编译完成后；而vuecli是vue的官方脚手架，它能帮助我们方便的配置webpack这样看来，有很大的可能我们需要同时使用vuecli与vuex如何在vuecli中使用vuex项目搭建及添加vuex 当我们使用vuecli搭建一个vue项目的时候假设项目名为learn；如果选择手动，您将看到以下屏幕当你回答了所有问题Vue将下载并安装你需要的一切从那里你可以进入目录并运行npm run serve来查看项目，或者在你的编辑器中打开它下图显示了如果您选择了许多或所有可用功能，您的脚手架项目；释义1首先全局装vuecli，它是vue的一个脚手架2生成vue项目的初始化工作这里是基于webpack打包Vue系列产品为3D自然环境的动画制作和渲染提供了一系列的解决方案Vue系列有很多不同的产品，这是为了满足；首先确定一下你是否在命令行里进入了vue项目的文件夹了，cd xxxxxxxxxx 查看你是否安装了依赖，npm i 如果都没有报错的话，应该就可以了，它会自动弹出地址的；安装vuecli脚手架，安装代码为npm install g vuecli，我们在这里选择的是全局安装，安装完之后创建项目然后根据提示选择会否安装插件，如果安装则选择Yes，如果不安装则选择No，知道插件选择完成之后我们cd切换到项目；1 如果你已经全局安装了旧版本的 vuecli1 或2，你需要先通过 npm uninstall vuecli g 或 yarn global remove vuecli 卸载它卸载脚手架2全局安装 npm install g @vuecli 或 yarn global add @vue。

4、需要配置以下的所有命令例如需要用到vue文件需要先安装vueloadervuestyleloader等加载器并做配置要使用es6语法，需要安装babel和babelloader等加载器注意一条都不能配置漏，不然出现报错可能影响往后的运行与配置。