vue项目环境搭建

1、先安装node.js

进入官网进行下载 最好下载压缩包，压缩包解压后就可以了。

2、win+R 进入命令窗口

输入node -v 如果显示了版本号 就代表安装成功

如果没有显示版本号，需要重新安装node.js 由于node自带了npm 所以我们不需要再次安装npm 我们只需要在命令窗口输入 npm -v 就可以看到npm的版本信息

3、使用npm 下载第三方模块

使用npm这个工具，目的主要是用于下载第三方的模块，通过 npm i xxx，就可以下载一个xxx的模块。默认情况下，他是从国外下载的，速度比较慢，如果你想让它从国内下载，你需要安装一个nrm的模块，通过npm i nrm -g，就可以安装了，如下：

安装成功之后 可以输入 nrm ls

可以看到下列下载源，你可以 输入 nrm use taobao 出现这个：

代表下载源已经切换成 taobao了 这个是国内的下载源比较快一点

4、下载vue脚手架

输入 npm install -g @vue/cli 进行安装脚手架，安装完成之后，输入 vue -v或者vue -version 如果出现版本号代表安装成功

5、创建项目

找一个文件夹，打开命令窗口 输入 vue create +项目名

出现这个窗口代表项目创建成功， 然后 输入cd +创建的项目名 回车 再次输入 npm run serve 会出现这个窗口

根据 地址 在浏览器输入http://localhost:8080/ 就会出现这个界面

当出现这个界面，代表你的vue项目环境搭建完成了！