如何运行vue项目(维护他人的项目)

假如你是个小白,在公司接手他人的项目,这个时候,该怎么将这个项目跑通?

前提: 首先,这个教程主要针对vue小白,并且不知道安装node.js环境的。言归正传,下面开始教程:在维护项目之前,需要把所有的环境搭建好,这里我就不多说了,看这篇就够了:十分钟上手-搭建vue开发环境(新手教程)https://www.jianshu.com/p/0c6678671635

好了,再重复具体不嫌麻烦的把步骤操作一遍,做技术就得孰能生巧,一遍又一遍不断的重复 如下:

1:安装cnpm 由于npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,所有我还需要npm的国内镜像---cnpm 在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org

图片.png

2:安装webpack npm install webpack -g webpack是一款模块加载器兼打包工具,它能把各种资源,例如JS(含JSX)、coffee、样式(含less/sass)、图片等都作为模块来使用和处理。 webpack 的核心是 依赖分析,把依赖分析出来了,其他都是细枝末节。

图片.png

3:安装vue-cli cnpm install vue-cli -g vue-cli是vue.js的脚手架,用于自动生成vue.js+webpack的项目模板 ,这个过程会耗时十几秒,等走完就好;好了,到此整个环境就搭建好了

图片.png

4:cd /项目名称 下面就是运行项目了,cd /项目名称,我的文件放在D盘,所以先进入d盘,再进入项目。

图片.png

5:npm install 进入项目之后安装依赖,安装成功

图片.png

注意:在这一步可能会出现这样的错误;因为你打开的是别人的项目,项目之中肯定有 node_modules模块,那么先删除掉,在执行npm install命令

图片.png

如果出现了,请参考这篇文章解决:https://www.jianshu.com/p/5e62d852babc

6:npm run dev 一切准备就绪,启动项目 npm run dev

图片.png

7:自动启动浏览器就会打开项目了 在浏览器中输入http://localhost:8080/#/;进入项目首页 若是要访问其他页面,直接在#后面加上组件名称即可:例如http://localhost:8080/#/adjustIntegral

原文作者:祈澈姑娘 技术博客:https://www.jianshu.com/u/05f416aefbe1 90后前端妹子,爱编程,爱运营,爱折腾。 坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏IT技术精选文摘

微服务架构中的进程间通信

介绍 在单体应用程序中,组件通过语言级的方法或函数调用进行彼此的调用。相比之下,基于微服务的应用程序是在多台机器上运行的分布式系统。每个服务实例通常是一个进程...

60850
来自专栏王磊的博客

Sql自动配置器原理及其说明

简介:Sa设置辅助器设计的初衷是为了抛开繁琐与重复的配置,这种繁琐到了一定程度回使人厌烦,重复到了一种程度让人觉得无趣,为了解决这种厌烦与无趣,她就出现与产生了...

36560
来自专栏BeJavaGod

阿里巴巴Druid数据源,史上最强的数据源,没有之一

目前常用的数据源主要有c3p0、dbcp、proxool、druid,先来说说他们 Spring 推荐使用dbcp; Hibernate 推荐使用c3p0和pr...

40290
来自专栏安恒信息

揭密HTML 5带来的攻击手法

HTML5 是下一代的HTML,HTML5赋予网页更好的意义和结构。更加丰富的标签将随着对RDFa的,微数据与微格式等方面的支持,构建对程序、对用户...

38150
来自专栏mini188

学习笔记:Maven构造版本号的方法解决浏览器缓存问题

需要解决的问题   在做WEB系统开发时,为了提高性能会利用浏览器的缓存功能,其实即使不显式的申明缓存,现代的浏览器都会对静态文件(js、css、图片之类)缓存...

25690
来自专栏企鹅号快讯

系统方案合集-系统备份方案

导读 | 精选 一、方案特点 此方案是基于批处理脚本和任务计划技术,针对系统特有文件结构和数据库结构的特点,而形成的系统备份方案。该方案特点: 1.易用性好,通...

42170
来自专栏FreeBuf

SUpraudit:一款MacOS上的日志审计工具

你可能对BSM审计有所了解,也可能完全没有听说过。这是Solaris OS遗留下来的产物,它存在于FreeBSD,Linux,当然还包括MacOS上。在我的*O...

19540
来自专栏翻译

在Ubuntu 14.04/14.10上搭建Minecraft Spigot服务器

本文介绍了如何在Ubuntu 14.04 / 14.10上搭建自己的Minecraft服务器,搭建一个让我们可以与朋友远程开黑的私服,甚至是搭建一个几百人的公共...

35630
来自专栏运维技术迷

清空messages没有权限的解决方法

一大早接到报警提示系统盘容量不足了,冲到/var/log下查看messages日志已经很大了,所以就想着把messages清空一下,以此来释放空间.在删除的时...

367100
来自专栏猿天地

Spring Cloud如何提供API给客户端

现在越来越多的公司开始拥抱Spring Cloud了,很多Java方向的同学也开始积极的学习Spring Cloud,其实这边还有一个问题就是说:虽然大家学了E...

38270

扫码关注云+社区

领取腾讯云代金券