关于前端:npm安装vue的初体验

30次阅读

共计 657 个字符,预计需要花费 2 分钟才能阅读完成。

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

正文完
 0