vue项目本地打包运行

最新推荐文章于 2024-08-23 16:57:19 发布

juejiang坚持

最新推荐文章于 2024-08-23 16:57:19 发布

阅读量1.5k

点赞数

分类专栏：前端文章标签： vue npm 前端

本文链接：https://blog.csdn.net/juejiangjianchi/article/details/109117564

版权

本文详细介绍了如何在本地环境中运行一个Vue项目。首先，项目依赖Node.js环境，安装完成后通过`npm -v`和`node -v`检查版本。接着，为了解决npm安装缓慢的问题，建议安装cnpm。然后，通过cnpm安装vue-cli。在项目根目录执行`cnpm install`加载依赖，期间可能遇到并解决Python环境问题。最后，使用`npm run dev`启动项目，并可通过修改/config/index.js更改端口。

摘要由CSDN通过智能技术生成

需求：从git上拉下来一个前端vue代码，此时直接打开index.html是没有办法访问页面的，就像一个Java spring项目，直接运行main方法是不可能访问内部的接口的，必须要把项目运行起来才能使用，所以现在的问题就是如何运行起来这个vue项目。

一、项目运行需要依赖node.js环境

问题来了，vue和node有什么关系，为什么需要依赖nodejs呢。
官网给出的解释是：vue本身不依赖nodejs，但是vue与第三方库整合时需要通过nodejs来实现，所以想要搭建或者运行vue都需要依赖node.js。
而且npm是集成在node中的，npm又是管理vue必须要用到的命令，所以说vue依赖nodejs。
在官网下载node.js安装包，然后直接安装。安装完成之后重新打开cmd命令窗口，输入node -v和npm -v查看版本，如果正常输出则表示nodejs安装成功。

二、安装cnpm

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