vue2+webpack学习

vue2+webpack学习篇之环境准备

1、安装node

Node.js 就是运行在服务端的 JavaScript,是一个基于 Chrome V8 引擎的 JavaScript 运行环境,
Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。Node.js 的包管理器 npm，是全球最大的开源库生态系统。

下载地址
.zip是一个压缩包，解压之后即可，不需要安装
下载 .mis 版本，安装过程会将node添加到环境变量中

1. 安装
   下载完成后，双击安装包，开始安装，一直点next即可，安装路径默认在C:\Program Files下，也可以自定义修改（我的安装目录D:\soft\install\node）
   npm package manager表示npm包管理器
   online documentation shortcuts 在线文档快捷方式
   Add to PATH添加node安装路径到环境变量
   安装成功后在cmd中运行 node -v 查看版本信息
   最新版的node在安装时同时也安装了npm,执行npm -v查看npm版本

2. 自定义 npm install -g xxx 下载的全局包存放目录
   a. 命令行配置

   npm config set prefix “D:\soft\install\node\node_global”
   npm config set cache “D:\soft\install\node\node_cache”

   b. 打开D:\soft\install\node\node_modules\npm\npmrc文件，修改如下

prefix =D:\soft\install\node\node_global  //修改全局包下载目录 自动创建
cache = D:\soft\install\node\node_cache  //缓存目录 会在你下载全局包时自动创建

3. 安装cnpm
   npm install -g cnpm --registry=https://registry.npm.taobao.org

2、配置npm的本地仓库

由于sinopia已停止维护，选择verdaccio,运行npm时运行verdaccio，会先在本地仓库查找包，如果本地没有对应包，将会到npm配置的源地址下载包并存储到本地仓库

1. 下载安装 verdaccio
   npm install –g verdaccio
2. 启动
   verdaccio
   输出verdaccio路径 warn — config file - C:\Users\myjuan\AppData\Roaming\verdaccio\config.yaml
3. 配置本地仓库
   打开 C:\Users\myjuan\AppData\Roaming\verdaccio\config.yaml修改如下配置

storage: E:/myjuan/npmSinopia/storage #仓库地址

uplinks:
  npmjs:
    # url: https://registry.npmjs.org/
    url: https://registry.npm.taobao.org/ #修改npm源为淘宝镜像

3、安装vue

  npm install vue
  npm install vue-cli -g
  npm install webpack -g

4、创建项目

vue init webpack myproject