中通建设计院第四分公司网站,网站备案 强制,网页代理访问网站,wordpress 淘宝同步nvm 一个nodejs版本管理工具#xff0c;解决node.js各种版本存在不兼容现象可以通过它可以安装和切换不同版本的node.js。 npm 可以管理 nodejs 的第三方插件。 vue-cli 是Vue提供的一个官方cli,专门为单页面应用快速搭建繁杂的脚手架。 nginx 是一个高性能的HTTP和反向代理we…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 --registryhttps://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 //切换安装到node14.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
启动Nginxstart nginx
快速停止或关闭Nginxnginx -s stop
正常停止或关闭Nginxnginx -s quit
配置文件修改重装载命令nginx -s reload
mac nginx启动 1、启动nginxsudo nginx 2、关闭nginxsudo nginx -s stop 3、重启nginxsudo nginx -s reload
