当前位置: 首页 > article >正文

Vue项目运行步骤(详细图解)

📂文章目录 

        一、🚀安装Node.js

        二、🚀安装node_modules依赖

        三、🚀启动项目

        四、🚀其他方法


一、🚀安装Node.js

node.js所有版本网址:Node.js — Node.js 版本

 推荐安装v16版本

安装完毕后Win+R输入cmd回车

输入node -v确认下是否安装成功

有些win11系统的电脑安装完毕也不会显示,可能是因为权限问题。

解决办法:

右键C盘属性

一个一个将所有用户的权限设置为完全控制

然后将C盘以外的所有盘符都依次设置一下,应该就OK了!

二、🚀安装node_modules依赖

进入到项目文件中,上方搜索框输入cmd回车(如果拿到的项目中已经有了node_modules包,可以删除一下)

然后输入npm i 回车,安装一下项目依赖

三、🚀启动项目

安装完毕之后再输入npm run dev 回车运行项目,如果 npm run dev 不行就 npm run serve。

运行完毕后会出现来链接,复制到浏览器直接就可以打开网页了!

四、🚀其他方法

在编辑器中打开也是一样的原理,这里我就以vscode举例,确保目录已经进入到了项目文件夹里面,然后输入npm i 然后npm run dev 或者 npm run serve 就可以了。

如果npm i 速度干过慢,可以安装cnpm淘宝镜像:

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

安装完之后使用cnpm i 和 cnpm run dev 和cnpm run serve 就可以了!

🚀如果有其他疑难杂症,欢迎留言分享!


http://www.kler.cn/a/416848.html

相关文章:

  • Hexo博客在多个设备同步
  • LangChain——HTML文本分割 多种文本分割
  • yt6801 ubuntu有线连接驱动安装
  • HarmonyOS Next 模拟器安装与探索
  • FPGA工具链及功能介绍
  • 基于YOLOv8深度学习的智慧农业棉花采摘状态检测与语音提醒系统(PyQt5界面+数据集+训练代码)
  • 静态页面 和 动态页面(Java Web开发)
  • 【Linux网络编程】第三弹---UDP网络通信深度解析:构建服务器端、客户端,并实现两端通信的完整步骤与测试
  • 【传感器技术】第6章 压电式传感器
  • [python脚本处理文件入门]-18.使用Python进行PDF文件的合并与拆分
  • 浅谈volatile
  • Mybatis:CRUD数据操作之修改数据update
  • 【QT/MinGW/.a->.lib】如何将一个用QT的MingGW编译dll项目出的dll文件导出一份.lib文件给其他项目链接动态库用
  • docker启动容器,语句名词解释
  • day21:jumpserver配置与搭建
  • 【bug】AttributeError: module ‘openai‘ has no attribute ‘error’
  • 第6章 元素应用CSS
  • 信息与网络安全笔记2
  • 常见靶场的搭建
  • 去中心化物理基础设施网络(DePIN):重塑未来的基石
  • 分析 系统滴答时钟(tickClock),设置72MHz系统周期,如何实现1毫秒的系统时间?
  • SpringBoot源码-spring boot启动入口ruan方法主线分析(二)
  • 如何解决 javax.xml.bind.MarshalException: 在 RMI 中,参数或返回值无法被编组的问题?亲测有效的解决方法!
  • spark读取hbase数据
  • XTuner 微调实践微调
  • java——Netty与Tomcat的区别