Vue2 脚手架安装步骤

Vue2 脚手架安装步骤

1.官方文档

Vue Cli 文档地址: https://cli.vuejs.org/zh/

2.环境配置，搭建项目

1. 搭建 Vue 脚手架工程，需要使用到 NPM(node package manager), npm 是随 nodejs 安装
   的一款包管理工具, 类似 Maven。需要先安装 Nodejs

2. 如果以前安装过 node.js , 为防止版本冲突，先卸载（我们安装 node.js10.16.3）
   

3. 下载 node.js10.16.3 地址: https://nodejs.org/en/blog/release/v10.16.3/

4. 验证是否安装成功, 如果看到不到, 退出 cmd, 重新开一个窗口测试
   

5. 先删除以前的 cli 版本<不论是之前未下载或没有下载>：npm uninstall vue-cli -g

6. 安装淘宝镜像-cnpm：npm config set register <镜像地址>

7. 安装 webpack 和 webpack-cli : npm install webpack@4.41.2 webpack-cli -D（ webpack 是个打包工具)
   

8. 安装 cnpm install -g @vue/cli@4.0.3
   
   9.确认 Vue-Cli 版本
   

9. 创建目录 vue_project, 并 cmd 到该目录

10. 使用 webpack 创建 vue 脚手架项目 (如果出现了 downloading template…,60s 退出窗口，重新来操作一次即可 ）
    
    
    
    

11. 在浏览器打开： http://localhost:8080