vue.js开发环境怎么搭建
1、在 nodejs官网下载最新版稳定版的node.js安装，自带了npm工具 ，推荐下载左边的。
2、开发环境搭建完成。编译部署项目路径下demo输入命令npm run build编译完成后会发现在demo文件夹下多出一个dist文件夹这里面就是编译好的文件了。
3、--registry=https：//registry.npm.taobao.org 安装webpack cnpm install webpack -g 安装vue脚手架（自动搭建vue项目框架的工具）sudo npm install -g vue-cli。静待。输入vue或者vue list，可vue是否安装成功。
4、介绍开发vue.js单页面前端应用时，如何使用webpack来打包。本文同时也是之前react系列文章的延续。
5、这次给大家带来前端项目中如何搭建JQuery、Vue等开发环境 ，前端项目搭建JQuery、Vue等开发环境的注意事项有哪些，下面就是实战案例，一起来看一下。
如何使用淘宝镜像cnpm安装Vue.js
1、在命令行敲出 npm install -g cnpm --registry=http：//registry.npm.taobao.org。
2、言归正传~~首先，列出来我们需要的东西： node.js环境（npm包管理器） vue-cli 脚手架构建工具 cnpm npm的淘宝镜像安装node.js从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。
3、在 nodejs官网下载最新版稳定版的node.js安装，自带了npm工具 ，推荐下载左边的。
4、清除npm缓存：在命令行中输入npmcacheclean--force，清除npm的缓存，然后再尝试安装vue-unplugin。使用cnpm安装：cnpm是淘宝镜像提供的npm镜像，使用cnpm安装vue-unplugin可能会更快、更稳定。
5、配置 npm 的国内镜像站点为： https：//registry.npm.taobao.org 。
使用vue-cli+webpack如何搭建vue
1、在开发之前需要首先安装node.js，直接百度搜索或者在其中文官网也可以下载http：//nodejs.cn/download/在装完node之后npm包管理工具也自动的安装好，安装完之后，在命令行输入node -v或者npm -v，出现版本号说明安装成功。
2、后面我发现使用vue-cli可以实现webpack的快速打包。
3、vue$： vue/dist/vue.esm.js // vue/dist/vue.common.js for webpack 1 } }此时在运行webpack 命令重新编译，编译后在访问index.html页面，页面内容如下图此时一个基于webpack的vue 项目就搭建好。