Node.js和vue.js项目的安装与配置教程

1、下载Node.js

下载地址：官网 推荐下载LTS版本。
安装完成之后，配置好环境变量

完成以后，在控制台输入：node -v 可以看到版本信息，说明环境变量配置成功。

2、NPM

Node自带了NPM了，在控制台输入npm -v查看：

npm默认的仓库地址是在国外网站，速度较慢，建议大家设置到淘宝镜像。但是切换镜像是比较麻烦的。推荐一款切换镜像的工具：nrm

我们首先安装nrm，这里-g代表全局安装。可能需要一点儿时间

npm install nrm -g

然后通过nrm ls命令查看npm的仓库列表,带*的就是当前选中的镜像仓库：

通过nrm use taobao来指定要使用的镜像源：

然后通过nrm test npm来测试速度：

注意：

• 有教程推荐大家使用cnpm命令，但是使用发现cnpm有时会有bug，不推荐。
• 安装完成请一定要重启下电脑！！！
• 安装完成请一定要重启下电脑！！！
• 安装完成请一定要重启下电脑！！！

3、安装vue，推荐使用npm安装

图中使用的是VS Code进入hello-vue目录，先输入：npm init -y 进行初始化

安装Vue，输入命令：npm install vue --save

4、vue-cli介绍与安装

在开发中，需要打包的东西不止是js、css、html。还有更多的东西要处理，这些插件和加载器如果我们一一去添加就会比较麻烦。幸好，vue官方提供了一个快速搭建vue项目的脚手架：vue-cli
使用它能快速的构建一个web工程模板。官网：https://github.com/vuejs/vue-cli
安装命令：npm install -g vue-cli

使用用vue-cli命令，可以快速搭建一个webpack的项目：vue init webpack