vuejs安装

一、安装nodejs

nodejs的官方网站

二、安装cnpm，安装命令为，如下

npm install -g cnpm –registry=https://registry.npm.taobao.org

即可将npm指向国内镜像源，之后输入cnpm -v

三、设置环境变量（非常重要）

说明：设置环境变量可以使任意目录下都可以使用cnpm、vue等命令，而不需要输入全路径1、鼠标右键"此电脑"，选择“属性”菜单，在弹出的“系统”对话框中左侧选择“高级系统设置”，弹出“系统属性”对话框2、修改用户变量PATH选中PATH，点击编辑，在已有的变量后面，加入英文的";"，然后把“D:\Program Files\nodejs\node_global”加到后面

四、设置global和cache路径

建立“node_global”及“node_cache”两个文件夹。我们就在cmd中键入两行命令

npm config set prefix "d:\Program Files\nodejs\node_global"npm config set cache "d:\Program Files\nodejs\node_cache"1、如果在安装过程中，出现一个现象就是：你的nodejs安装在D盘，但是你安装上面的node_global和node_cache时，提示operation not permitted你没有权限安装，是因为你没有用管理员的权限运行的cmd.exe，2、解决方法：到C:\Windows\System32目录下，找到CMD.exe以管理员的权限运行

五、新建系统变量 “NODE_PATH”,在下面的系统变量中点击新建，弹出下框

下面这一步非常关键，我们需要设置系统变量。进入我的电脑→属性→高级→环境变量。在系统变量下新建“NODE_PATH”，输入“D:\Program Files\nodejs\node_global\node_modules”

2014.4.19新增：由于改变了module的默认地址，所以上面的用户变量都要跟着改变一下（用户变量”PATH”修改为“D:\Program Files\nodejs\node_global\”），要不使用module的时候会导致输入命令出现“xxx不是内部或外部命令，也不是可运行的程序或批处理文件”这个错误。

变量名：NODE_PATH变量值：D:\Program Files\nodejs\node_global\node_modules

六、安装bower, npm install bower -g; -g表示全局

输入 noderequire('bower') 显示如下表示 安装成功！1、windows系统npm安装bower失败解决方案2、找到npm安装的文件夹下面，有个npmrc文件3、打开npmrc文件，添加 registry = http://registry.cnpmjs.org 语句，强制使用该镜像地址。

六、用cnpm安装vue

cnpm install vue -g或者npm install vue -g

七、安装vue命令行工具

cnpm install vue-cli -g或者npm install vue-cli -g

八、创建工程

1、用cd命令切换到你将要新建工程的目录,如：cd d:\vue2、创建一个基于 webpack 模板的新项目，工程名为mytest。    vue init webpack mytest3、如果安装vue不是内部或外部命令4、搜索vue.cmd的位置，我的地址是：D:\Program Files\nodejs\node_global\5、搜索到这个批处理文件后把这个文件的路径加入Path中就行了

九、定位到mytest的工程目录下

cd mytest

十、安装工程依赖的模块，这些模块将被安装在：mytest\node_module目录下，根据package.json的配置下载该项目的modules

npm install

十一、运行该项目，测试一下该项目是否能够正常工作，这种方式是用nodejs来启动。

npm run dev1、如果出现：Listening at http://localhost:8080 安装成功！2、它会自动弹出运行一个vue的一个页面3、如果关闭cmd了，下次要运行，必须用cd命令切换到mytest当前目录下，再运行npm run dev才可以运行

十二、有时我们的服务器并不一定是node，也许是IIS，这样我们就需要把工程构建出来，与IIS集成。构建该项目的命令如下

npm run build   将dist文件夹拷贝出来，放到IIS的发布目录，在浏览器中输入IIS设置的本机ip和端口进行访问即可。Good Luck参考文档：http://www.cnblogs.com/ixxonline/p/6007885.html

十三、安装项目依赖:安装 vue 路由模块vue-router和网络请求模块vue-resource

进入该项目执行:npm install vue-router vue-resource --save

十四、8080端口被占怎么解决，打开cmd运行命令

1）输入  netstat   -ano|findstr  8080    //说明：查看占用8080端口的进程2）  taskkill  /pid  6856  /f     //说明，运行windows自带taskkill命令，将上面显示的进程号，结束掉。