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

2、安装 3x 版本的 Vue 脚手架输入 vue V 如果出现版本号，就说明安装成功脚手架安装成功之后，就可以通过脚手架创建vue项目了通过上面脚手架创建的Vue项目，使用 npm run serve 命令之后，打印如下使用 np。

3、第四步，安装Vue执行命令cnpm install vue第五步，全局安装vuecli执行命令cnpm install global vuecli此步可以忽视第六步，在开源处即存放网站的地方，执行操作shift+右键，点击在此处打开命令窗口。

4、vue init webpack 这里的三个点是你的项目命名然后他就自动的模版引擎，后面的东西可以根据它的提示进行后续操作，启动的话也是很简单的启动完成就是 npm install 安装依赖完了就 npm run dev就可以了。

5、1首先打开环境变量，找到Path，点击编辑2其次打开cmd命令，输入nodev，出现版本，说明安装成功3最后点击ue脚手架拉到压缩包即可。

6、先安装nodejs， 然后再安装全局vuecli脚手架webpack命令输入 1npmcnpm install g vuecli 全局安装vuecli 2npmcnpm install g webpack 全局安装webpack npmnpm install g webpackdev。

7、vuecli 用户生成Vue工程模板 开始安装1nodejs由于我已经安装好了，跳过 2webpack npm install webpack g 3安装vue脚手架 npm install vuecli g 测试在硬盘上找一个文件夹放工程用的，在终端中进入该目录。

8、1先安装node，检查node版本，node v，安装vuecli脚手架，node的版本必须在v40以上 2全局安装vuecli，npm install g vuecli，检vue是否安装成功，vue，用vue list可以查看vue有哪些可以安装的模板 3安装一个web。

9、去nodejs官网下载即可，地址。

10、2Error ENOENT no such file or directory， open #39D\ahao\studyPath\bootstrapvue\node_modules\lodash\lodashjs#393VUE中使用BootstrapVue图片bimg标签路径显示不出图片问题 新建 安装 npm。

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

12、vue 项目的开发流程1$ node v 检测node版本，node版本需要在 V4 以上2全局安装vue $ npm install g vue3安装脚手架 $ npm install g vuecli4运行 vue 命令，看是否已安装完毕 $ vue $ vue list。

13、vue脚手架安装显示无法修改是没有进入到相应的文件夹，也是环境变量问题项目命名时路径中一定不能出现中文特殊符号等，右键计算机管理本地用户和组用户右键中文用户名重命名。

14、目前在市面上存在很多脚手架，如createreactappvuecli我们可以通过一行简单的命令，就能创建一个基本的项目工程，大大地提高了开发效率但是我们会面临一个问题，除了脚手架帮我们创建好的项目框架，我们的项目总有。

15、1基础配置 安装环境安装成功就可以在项目中使用sass 全局注册scss配置 然后重新运行，就可使用 2换肤小案例最后看一下展示效果吧。

16、然后在Vue项目中运行 在 dist NPM软件包的目录中，您会找到许多不同的Vuejs版本全局安装脚手架 查看脚手架版本是否在45以上含45创建项目 此时终端显示如下图 选择第二项 Vue 3 Preview ，等待安装完成到。

17、前言 vue2 然后通过以下命令安装 webpack cnpm install webpack g 注下面 orange 默认给出 npm 的安装方案，安装失败请自行转为 cnpm 安装 在需要创建工程的位置运行 vue init webpacksimple 工程名字 或者创建 vue1。