vue2.x+webpack项目创建

一、安装软件node.js

1. 官网下载：https://nodejs.org/zh-cn/，选择LTS（长期支持版）

2. 安装时，默认安装即可

3. 运行node.js
   

二、npm配置淘宝镜像

由于国外下载地址速度太慢，国内通常采用淘宝镜像地址来下载。设置步骤如下：

1. 运行node.js，命令：

npm config set registry https://registry.npm.taobao.org

2. 验证是否设置成功，命令：

npm config get registry

如果返回https://registry.npm.taobao.org，说明镜像配置成功。

三、全局安装webpack，vue-cli

1. 运行node.js，在C:\Users\Administrator目录下安装

2. 全局安装webpack，webpack-cli

 npm i -g webpack webpack-cli

3. 全局安装vue-cli，cli-init

npm i -g @vue/cli   

npm i -g @vue/cli-init

四、初始化项目

1. 进入项目目录，如：D:\CODE\WEB

由C盘进入D盘：

d:

进入目录D:\CODE\WEB

cd D:\CODE\WEB

2. 初始化项目my-project，命令：

vue init webpack my-project

3. 安装时，vue-router安装选择yes，其他均选择no，具体设置如下：

4. 安装完成，运行如下命令：

cd my-project

5. 项目目录结构如图所示：

6. 运行命令npm run dev，如图所示：

npm run dev

7. 打开浏览器网址:http://localhost:8080，运行成功，界面如下：