vue开发环境搭建

目录

一、下载安装node.js

二、淘宝镜像cnpm

​三、vue及vue-cli

四、开发工具

1、下载安装【VS Code】

2、插件安装

---

一、下载安装node.js

下载 | Node.js 中文网

根据自己的设备型号，选择windows || macOS，32位 || 64位 的正确安装包进行下载，完成安装； 

安装完成后，【win+R】调出运行框，输入【cmd】回车打开终端；

输入【node-v】，查看已安装的node.js版本；

node -v

Node.js下载安装

点击上方链接，可查看node.js详细的下载安装操作；

二、淘宝镜像cnpm

在命令行工具执行下列代码：

npm install cnpm -g --registry=https://registry.npmmirror.com

等待执行完成 ，输入“cnpm -v”，即可查看cnpm是否安装成功；

cnpm -v

三、vue及vue-cli

全局安装vue，在命令行工具执行下列代码：

npm install vue@^2 -g

•  -g：表示全局安装；
• @^2：表示指定安装的版本号；

 再输入【vue】，查看安装结果：

出现如下信息，表示vue安装成功；

执行下列代码，安装vue-cli

cnpm install -g @vue/cli

 整个过程可能会出现卡顿，回车继续等待即可，出现类似下图中信息，表示安装成功；

四、开发工具

可选择自己较为熟悉的开发工具，如果没有的话，个人比较推荐使用【Visual Studio Code】；

1、下载安装【VS Code】

点击下方官方链接，进行下载解压，无需安装，可直接使用；

Visual Studio Code 

解压后，安装目录如下图所示，运行【Code】应用程序即可打开使用；可创建快捷方式到桌面，方便后续操作；

2、插件安装

【VS Code】作为代码编辑器，它拥有丰富的插件市场，我们可以选择自己想要的一些插件进行安装，有利于后续的高效开发；

例如：初次打开【VS Code】是全英文界面，可以在【扩展】中搜索“Chinese...”，安装此中文插件后，重新启动VS Code，即可显示中文界面；

==================================================================================================================================================

现在，所有的准备工作已经就绪，下一篇：

搭建vue项目（第一个vue项目）

一起搭建vue的第一个项目吧~~~