Question

npm安装vue的初体验

Answer 1

最近接手了一个半成品项目，是一个vue开发的后台管理系统。拿到项目后，发现跟自己之前开发的vue项目不太一样，以下是该项目的文件目录结构：

一番研究后得知该项目是通过npm安装的，而自己之前的项目都是通过<script>标签引入vue。既然如此，便尝试用npm运行本次的项目

使用npm要先安装node.js，安装完成后打开cmd命令版，输入npm -v，检查是否安装成功，如下图：

npm安装后，打开cmd命令面板，进入项目根目录，执行npm install命令安装项目所需的依赖文件。安装过程并不顺利，以下是安装过程第一次报错：

该报错是没安装git以及配置对应的环境变量，需安装git并配置git的环境变量，然后重新执行npm install命令

此时又出现了第二次错误，如下图：

该报错是当克隆github上的repository时，系统提示防火墙禁止对git://的访问，这时候只能用https://来访问repository。

解决方法：打开git终端，执行git config --global url."https://".insteadOf git://命令，如下图：

然后重新执行npm install命令，此时不再报错了，执行成功，如图：

这时候需要执行npm run dev命令来运行该项目，如下图：

执行完毕后系统会自动打开浏览器运行项目，如下图：

1.直接引入vue.js和npm安装两种方式都可以使用vue.js

2.直接引入vue.js，方便快捷

3.npm安装vue方便包的管理