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"
  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

在这里插入图片描述

在这里插入图片描述

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 酷酷鲨 设计师:CSDN官方博客 返回首页