第一步

打开当前前端项目所在目录，在路径位置输入cmd，如下图：

第二步

在命令窗口输入如下指令：
安装依赖（建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug）：

npm install

配置淘宝镜像（解决 npm 下载速度慢的问题）：

npm install --registry=https://registry.npm.taobao.org

启动服务（如启动成功，浏览器会自动打开前端项目）：

npm run dev

常见问题

1.npm不是内部或外部命令，也不是可运行的程序或批处理文件

解决方法：
确保自己电脑已安装 node.js ，如未安装，请自行去官网下载，网址如下：
https://nodejs.org/en/

2.启动服务后出错

常见错误：

This is probably not a problem with npm. There is likely additional ......

解决方法：
优先执行1，2，4，如果还不行，再执行1，2，3，4

1、首先删除 node_modules，可以命令行删除，也可以手动右键删除文件夹。

rmdir /s/q node_modules

2、删除 package-lock.json 文件

3、运行命令

npm cache clean --force

4、重新加载

$ npm install

前端项目启动流程及常见问题相关推荐

企业级VUE前端项目执行流程总结
概述首先我司最新的项目架构采用的是前后端分离模式,前端使用VUE框架,采用多页面开发,引入组件化设计思想,提高代码重用率进而提高开发效率:后台使用微服务治理.微服务工作在此前项目已经搭建完成,此次仅 ...
web前端项目上线流程是怎样的
web前端项目上线流程是怎样的? (1)流程建议模拟线上的开发环境本地反向代理线上真实环境开发即可.(apache,nginx,nodejs均可实现) 模拟线上的测试环境模拟线上的测试环境,其实 ...
web项目启动流程分析
在web项目的启动过程中,我们希望知道它的一般流程是什么,这样我们就可以在各个流程中加入相应的功能,或者对于我们排错也有帮助. 我们知道,当我们启动tomcat容器以后,容器首先初始化一些必要的组件, ...
vue前端项目启动出错处理
操作 1.使用npm install 安装vue所需的依赖包 2.使用npm run dev启动前端项目错误信息 Syntax Error: D:\RuoYi-Vue\ruoyi-ui\node_m ...
Spring Boot项目启动流程
概述用过Spring Boot的应该都知道,在项目启动入口的主类main()方法里,一句简简单单的 SpringApplication.run( ... ); 便开启了项目的启动运行之路. 本文我们 ...
cocos2dx ios入口类_cocos2dx项目启动流程与跨平台原理
最近大部分空余时间都在开始学习cocos2d游戏开发相关技术,作为一个游戏行业菜鸟级别的选手,我觉得基础很重要,所以我决定从cocos2dx启动流程和快平台原理开始! 注:这里只针对Lua做相关介绍, ...
网络云盘前端项目启动
后台系统启动完毕后,接下来启动前端系统看成果. 源码和jar包地址环境要求:node.js环境(小伙伴们自行安装) 首先cd pan-Superadmin项目目录下修改 pan-Superadmi ...
web前端项目开发流程
开发流程图解需求评审召集需求涉及到的UI.开发.产品.测试人员整理业务流程,同步信息,明确分工明确需求目的,考虑当前需求设计是否可满足目的整理流程中如果涉及的其他人员,则召集商讨如需求设 ...
uni-app使用（从下载到项目启动流程踩坑）
1 脚手架安装 npm install -g @vue/clivue create -p dcloudio/uni-preset-vue unimyproject 2安装启动报错 sass( 'ad ...

前端项目启动流程及常见问题

第一步

第二步

常见问题

1.npm不是内部或外部命令，也不是可运行的程序或批处理文件

2.启动服务后出错

前端项目启动流程及常见问题相关推荐

最新文章

热门文章