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

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

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理