Vue开发环境搭建小白版

1、第一步，了解一下什么是Vue。Vue.js（读音 /vjuː/, 类似于 view）是一个爿瑰鲚母构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。

2、第二步，安装Nodejs。Vuejs的安装时依赖于Nodejs的，基于nodejs的包管理工具npm可以为我们省去很多烦恼。访问Nodejs官网下载对应版本的Nodejs 安一步步装即可。

3、第三步，安装完Nodejs后，打开电脑终端查看Node版本。以Windows为例，打开cmd命令窗口输入：node -v，查看node版本。

4、第四步，安装cnpm淘宝镜像。淘宝镜像的cnpm来代替npm的安装，速度会快很多。打开终端独瘦配溧窗口，输入：npm install -g cnpm --registry=http://registry.npm.taobao.org。安装过程持续5分钟左右，耐心等待。

5、第五步，基本环境搭建完成后就可以开始Vue开发了。首先需要安装vue的脚手架工具：vue-cli，然后初始化一个基本项目。过程如图所示。

6、第六步，初始化项目后进入项目根目录，终端运行：npmrun dev，即可在开发模式下查看vue项目了，在浏览器中输入：http://localhost:8080即可访问demo。

7、第七步，编辑不易，如果这篇经验帮到了你，记得投票点赞支持一下哦！