node(16.13.2)下载安装-脚手架安装配置-idea打开

一.下载node.js

1.进入官网 https://nodejs.org/en/

 2.点击下载其他版本

3.进入下载的地址

 

 4.下载你想要的node版本

 

 5.我是windows64位的，所以选择64位的安装包

 

 6.下载完成后，文件如图

 

 二.安装node

1.双击安装包打开，点击next

 

2.点击接受协议，继续点击next

 

 3.点击change 选择自己想要安装在哪的目录（最好不要放系统C盘）

 

4.选择好自己的安装位置

 

5.这里默认自动配置好环境变量，点击next就行

 

6.继续点next，这里不需要勾选

7.点击install，等待安装完成即可

 8.打开cmd命令窗口  输入下面命令，能打印出版本信息即可

node -v

 

 9.继续输入下面命令，打印版本信息即可。（安装node结束）

npm -v

 

 

 

三.安装vue脚手架

1.安装node 淘宝镜像加速器（node下载会从国外下载，所以安装国内的加速器来提高速度）

# -g 就是全局安装
# npm 就相当于一个软件包管理工具 类似与maven

npm i -g cnpm --registry=https://registry.npm.taobao.org

 

 

 

2.下载完成之后如下图（我显示的安装的路径是D盘，我自己安装node的路径）

 

 3.可以到文件夹里看有没有这个目录（就是上一步显示的安装路径里面）

 

 

4.里面有文件就代表成功

 

5.安装完淘宝镜像后，安装vue-cli（vue开发脚手架）,在cmd命令窗口输入下面命令

cnpm install vue-cli -g

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

6.出现此界面就是成功

 

 7.安装vue-cli脚手架成功后，可以输入下面命令，查看脚手架有那些功能

vue list

 

 

 四.使用vue-cli脚手架，创建第一个vue程序

1.选择代码存放的目录，我的是D:\Allp\Vue-cli，然后cmd进入到这个文件夹里面（可以自己创建一个，自己cmd进入到你自己创建的目录就行）

 

2.输入下面命令，先创建一个vue项目，开始创建第一个vue程序

# firstvue 是我自己的项目名
vue init webpack firstvue

 

 

 

3.如图所示操作

 

 4.如下图操作

 

 5.项目创建成功后，输入命令

cd firstvue
npm install

 

 

 6.等待脚手架创建程序

 

 7.创建可能会报错（解决办法）

7.1输入命令

npm audit fix

 

 

 7.2继续报错，接着输入命令 清除缓存

npm cache clean --force

 8.输入上面没有输入的最后一个命令

npm run dev

 

 

 9.第一个程序创建结束，直接可以通过localhost:8080 访问

 

五.idea里面使用

 1.直接open项目的文件夹

 

 2.选中你的vue程序文件夹，ok