Terminal怎么停止VUE项目
开启vue项目不关闭的后果
问题描述:
新手使用idea或webstorm工具开发vue,使用Terminal命令行npm run dev 运行项目,无法输入命令关闭比项目
解决方案:
打开Terminal窗口按键盘【Ctrl】+【C】,提示是否关闭,键盘输入 【y】退出
VUE项目常用的命令
安装vue-cli
npl install vue-cli -g
vue init webpack my-project 初始化项目
npm install 安装项目依赖 -->>npm run build 生成上线目录部署
nmp run dev
在localhost启动测试服务器
步骤一
1.完成node.js安装搭建
目的:配合前端开发搭建 为全局工作
方法:通过官网下载 安装 .msi文件(微软标准安装包文件)
验证:
通过cmd 命令窗口 输入node 进入node工作状态
输入console.log(1); 验证node是否可以工作
退出
输入npm -v 查询版本
2.配置环境变量
配置"主机用户变量"(环境变量上面一栏) 设置PATH 变量 值为C:\Users\lenovo\AppData\Roaming\npm
3.git-bash软件安装配置
4.cd 项目地址
5.cnpm install安装依赖
说明:cnpm为国内常用下载依赖配置方式 国外一般用npm 当然 以实际速度为准
易产生问题:npm 与cnpm版本不一致
建议使用别名设置方法
步骤二
1.安装脚手架工具
输入cnpm install vue-cli -g
2.输入vue --help 看常用命令
3.输入vue -V 看版本
4.输入vue list 看官方模板,
5.输入vue init webpack 项目包名字
项目名输入
项目描述
ESLint 代码检查工具 使用了会对你代码格式进行严格检查
测试工具是否使用
完成项目创建
6.项目创建后
主要文件在src中建立
主页为index.html
package.json为主要的配置文件
其中有两个脚本为:
dev : node bulid/dev-server.js
build : node build/build.js
开发依赖内容为devDepencies
7.**进行项目依赖按照
进入项目文件中
输入cnpm install
项目依赖配置完成
按照完毕后 项目文件夹多一个node_modules/ 目录
8.输入npm run dev
项目启动
9.npm run build 生成项目部署文件
原文链接:https://blog.csdn.net/qq_41247433/article/details/79964889?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~all~first_rank_v2~rank_v25-1-79964889.nonecase

您的资助是我最大的动力!
金额随意,欢迎来赏!
分类:
VUE
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· .NET10 - 预览版1新功能体验(一)