最近接手了一个半成品我的项目,是一个 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 不便包的治理