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 项⽬地址
5pm install安装依赖
说明:cnpm为国内常⽤下载依赖配置⽅式国外⼀般⽤npm 当然以实际速度为准
易产⽣问题:npm 与cnpm版本不⼀致git常用指令
建议使⽤别名设置⽅法
步骤⼆
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 ⽣成项⽬部署⽂件
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论