Vue系列之-nmp安装

1.nodejs下载地址

nodejs下载

在这里插入图片描述
安装过程没什么好描述的,傻瓜式安装即可。

2.nodejs检查

  1. 环境变量输出“echo %PATH%”
    在这里插入图片描述
  2. 版本检查“node -v”
    在这里插入图片描述

3.环境配置

npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"

覆盖系统默认的 C:\Users\FangYuKang\AppData\Roaming\npm 路径
在这里插入图片描述

  1. 本地仓库查看
npm list -global

在这里插入图片描述

  1. 配置镜像站
npm config set registry=http://registry.npm.taobao.org

在这里插入图片描述

  1. 查看所有配置信息
npm config list

在这里插入图片描述

  1. 查看本地文件
    在这里插入图片描述
    在这里插入图片描述

  2. 检查镜像站是否可以使用

npm config get registry

在这里插入图片描述

  1. 查看Vue信息
npm info vue

在这里插入图片描述

  1. npm更新
    在这里插入图片描述
  2. 查看npm 目录结构
npm list -global

在这里插入图片描述

  1. 增加环境变量NODE_PATH
D:\Program Files\nodejs\node_global\node_modules

在这里插入图片描述

  1. 测试npm 安装 vue.js
    在这里插入图片描述在这里插入图片描述

  2. npm安装vue-router

npm install vue-router -g

在这里插入图片描述

  1. 安装vue脚手架
npm install vue-cli -g

在这里插入图片描述

  1. 添加环境变量
    在这里插入图片描述

  2. 查看Vue 版本
    在这里插入图片描述

4.Vue项目部署

  1. 项目初始化
vue init webpack vue20200929

在这里插入图片描述在这里插入图片描述

  1. 运行服务
    在这里插入图片描述

  2. 页面展示
    在这里插入图片描述
    项目打包,目录结构

npm run build

在这里插入图片描述

在这里插入图片描述

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值