vue常用命令汇总

nvm 一个nodejs版本管理工具,解决node.js各种版本存在不兼容现象可以通过它可以安装和切换不同版本的node.js。
npm 可以管理 nodejs 的第三方插件。
vue-cli 是Vue提供的一个官方cli,专门为单页面应用快速搭建繁杂的脚手架。
nginx 是一个高性能的HTTP和反向代理web服务器

安装和卸载Vue脚手架

npm install -g @vue/cli
npm uninstall vue-cli -g

上面安装的是Vue cli3版本,如果想按照2版本初始化项目是不可以的

因此想使用 vue init 可以全局安装一个桥接工具
npm install -g @vue/cli-init

Vue-cli2初始化项目

vue init webpack my-project

启动npm run dev

Vue-cli3初始化项目

vue create my-project

启动npm run serve

查看vue脚手架版本

vue --version

查看vue版本

npm list vue

vue图形管理器

vue ui

淘宝镜像设置

npm install --registry=https://registry.npm.taobao.org
npm config set registry https://registry.npm.taobao.org
npm config set registry https://registry.npmmirror.com

npm安装模块

[npm install xxx] 利用npm安装xxx模块到当前命令行所在目录;
[npm install -g xxx] 利用npm安装全局模块xxx;
[npm install xxx] 安装但不写入package.json;
[npm install xxx --save] 安装并写入package.json的"dependencies"中
[npm install xxx --save-dev] 安装并写入package.json的"devDependencies"中

本地安装时将模块写入package.json中:

注:-S 等同于--save

npm 删除模块

[npm uninstall xxx] 删除xxx模块;
[npm uninstall -g xxx] 删除全局模块xxx;

安装node版本

npm install -g n //安装n node版本管理
sudo n 14.16.1 //切换安装到node@14.16.1版本

nvm list 查看已安装nodejs版本

管理员身份运行终端, 先查询可使用版本号,* 号表示正在使用 LST代表稳定版本
nvm list available

安装指定node版本

nvm install 20.13.1

use命令指定使用版本

nvm use 20.13.1

use完成后可以分别输入命令行 node -v 和 npm -v,检验是否安装成功

删除某nodejs版本

nvm uninstall node版本号 //例如:nvm uninstall 16.14.0)即可删除对应版本

修改npm默认镜像源为淘宝镜像

npm config set registry https://registry.npmmirror.com/

检查是否设置成功, 应该返回 registry.npmmirror.com/
npm config get registry

删除node_modules重新安装
复制代码
rd/s/q D:\app (强制删除文件文件夹和文件夹内所有文件)
rm -rf node_modules
rm package-lock.json
npm cache clear --force
npm install
查看包版本信息

npm view grunt version

查看@vue/cli所有版本

npm view @vue/cli versions

配置Nginx服务

查看nginx配置文件,在http对象下再增加一个server

复制代码
 http {
      server {
        listen  80;
        server_name  localhost;
        root  /Users/sam/upload;
        autoindex  on;
        location / {
          add_header  Access-Control-Allow-Origin *;
          index  index.html index.htm;
        }
      }
  }

listen:监听端口号,最新的macOS系统不允许设置80端口,可以选择8000以上的端口号

server_name:指定虚拟主机的名称

root:资源文件的根路径,必须指向一个文件夹,该路径为资源文件存放的位置,例如用户访问:localhost/book/a.epub,实际访问的资源路径为:/Users/sam/upload/book/a.epub

autoindex:是否打开目录浏览功能,如果打开,当我们访问localhost/时,就可以在网页上查看/Users/sam/upload目录下的所有文件

location:路由规则匹配,location /表示匹配所有路由

add_header:表示在响应头中添加指定内容,这里添加Access-Control-Allow-Origin为*是为了解决前端跨域问题,如果不配置这个选项,前端请求资源时会出现跨域错误,希望详细了解跨域原理的同学可以点击这里学习

index:指定访问根路径时默认访问的资源文件,比如我们访问localhost/,实际Nginx会找到/Users/sam/upload/index.html或/Users/sam/upload/index.htm进行返回

查看Nginx的版本号:nginx -V

启动Nginx:start nginx

快速停止或关闭Nginx:nginx -s stop

正常停止或关闭Nginx:nginx -s quit

配置文件修改重装载命令:nginx -s reload

mac nginx启动

1、启动nginx:sudo nginx

2、关闭nginx:sudo nginx -s stop

3、重启nginx:sudo nginx -s reload

相关推荐
崔庆才丨静觅3 小时前
hCaptcha 验证码图像识别 API 对接教程
前端
passerby60614 小时前
完成前端时间处理的另一块版图
前端·github·web components
掘了4 小时前
「2025 年终总结」在所有失去的人中,我最怀念我自己
前端·后端·年终总结
崔庆才丨静觅4 小时前
实用免费的 Short URL 短链接 API 对接说明
前端
崔庆才丨静觅5 小时前
5分钟快速搭建 AI 平台并用它赚钱!
前端
崔庆才丨静觅5 小时前
比官方便宜一半以上!Midjourney API 申请及使用
前端
Moment5 小时前
富文本编辑器在 AI 时代为什么这么受欢迎
前端·javascript·后端
崔庆才丨静觅6 小时前
刷屏全网的“nano-banana”API接入指南!0.1元/张量产高清创意图,开发者必藏
前端
剪刀石头布啊6 小时前
jwt介绍
前端
爱敲代码的小鱼6 小时前
AJAX(异步交互的技术来实现从服务端中获取数据):
前端·javascript·ajax