vue.js安装以及安装过程中遇到的问题

1. vue.js的安装

vue.js的使用有两种方式：

1、类似于jquery库的使用，使用<script type="text/script" src="vue.js"></script>的方式直接引入页面，下载地址：开发版（包括了警告和调试模式下载） ，生产版本（删除了警告，进行压缩生成的vue.min.js  下载）；或者使用 npm install vue来下载vue，文件在dist文件加下，vue.js是开发板  vue.min.js是生产版本

2、通过vue-cli工具来搭建vue.js的项目

要使用vue-cli需要先安装这个工具，直接进行全局安装即可

安装成功后，就可以在nodejs的全局文件中看到，由于我以前还安装了webpack，所以下面还有webpack的命令工具

查看是否安装成功

这样表示安装成功，注意这里的-V是大写

现在开始创建项目，通过cd进入到你要存放项目的文件夹，比如我要把所有的vue.js项目都放在F:\vueproject这个文件夹里，并且当前的这个vue.js项目的存放文件夹是firstVuePro

step1:进入我要放项目的路径中

step2：使用 "webpack" 模板创建一个新项目（将webpack初始化到项目中）

step3：进入到项目目录下，安装依赖 npm install  并开启npm run dev

然后就可以在浏览器中录入给你显示的路径 http://localhost:8080访问这个项目了。

  2.遇到的问题

1、安装完成vue-cli后，使用vue命令，报错说“vue不是内部或外部命令，也不是可运行的程序或批处理文件。”，根据官网和百度的一些人写的，没有问题。实在找不

到问题所在，直接将环境变量的Path后面加上vue-cli命令工具所在的路径，即nodejs的node_global的路径。问题解决。

2、在使用 npm install 加载依赖的时候，报错

在使用npm run dev成功后再使用npm install加载依赖成功了。

使用 "webpack" 模板创建一个新项目