开启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 -g2.输入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