vue.js安装步骤教程

1.安装node.js
从node.js官网下载并安装node

安装过程很简单，一直点下一步就ok了。
1.1我们通过打开命令行工具（win+R）,输入node -v查看node的版本，若出现相应的版本号说明你安装成功了

1.2.npm包管理器，是集成在node中的，所以安装了node也就有了npm,直接输入 npm -v 命令，显示npm的版本信息。

现在node环境已经安装完成了，npm包管理器也有了，听说由于有些npm资源被屏蔽或者是国外资源的原因，经常会导致npm安装依赖包的时候失败，所以我们还需要npm的国内镜像----cnpm（淘宝的镜像）
2.安装cnpm
在命令行中输入 npm install -g cnpm --registry=https://registry.npm.taobao.org ，然后等待，没报错表示安装成功

完成之后，我们就可以用cnpm代替npm来安装依赖包了。

3.安装vue-cli脚手架构建工具
在命令行运行命令npm install -g @vue/cli 然后等待安装完成  vue3.0

通过以上三个步骤，我们所需要准备的环境和工具都准备好了，接下来就开始使用vue-cli来构建项目。

 

在命令行中运行命令 vue init webpack firstApp

 

 等待一会，就会显示创建项目创建成功，如下图

接下来，我们去看NodeDemo目录下去看是否已创建文件：

 

（第一次创建vue项目的话 好像node_modules这个依赖包资源就会没有，反正没有的话就cnpm install 安装一下依赖就好了）我这个项目现在创建完就有 node_modules这个依赖包资源文件夹了就不用 再cnpm install 安装依赖包资源。