window 下 Node.js 的安装及vue的安装

一、安装Node.js

 

1.下载 .msi文件

Download | Node.jsNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.https://nodejs.org/en/download/注意：win7安装12及以下版本，win10可安装14及以上版本

本人使用的是win7 系统，从历史版本 Previous Releases | Node.js 中进行下载找到 v13.14.0 版本 

下载完毕之后双击文件，一路next即可

windows的安装会自动添加path的系统变量，变量值是你的安装路径，例如“D:\nodejs”。

安装完毕后，打开命令窗口，输入 "node -v"查看nodejs的版本，如下：

 打印出你安装的版本代表已安装成功。

2、nodejs配置

在对nodejs的npm工具设置国内的镜像源以便于提高资源的下载速度，如下： 执行以下命令安装cnpm工具用来代替npm工具：

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

或者将npm源设置为淘宝镜像 npm config set registry https://registry.npm.taobao.org

执行完成后执行以下命令 npm config get registry

二、vue安装

 

设置好镜像源之后我们需要安装一个vue的脚手架工具（vue-cli）     执行以下命令安装vue-cli版本     npm install -g @vue/cli 或 cnpm install -g @vue/cli

  安装之后你就可以在命令行中使用vue命令，你可以使用以下命令来检查vue-cli版本安装是否正确     vue --version

安装好vue-cli之后我们在一个空目录下执行以下命令：   

 vue create hello-vue    

这里的hello-vue是项目名，可以自己定义 执行之后会有如下界面 

回车后会有以下界面

选择依赖

 

将依赖项的配置放置在package.json中

 

是否将其保存为将来项目的预设

 

 

安装完成后键入如下命令运行刚刚创建的vue项目

cd hello-vue     

npm run serve 

打开浏览器输入http://localhost:8080将会看到我们刚刚创建的Vue项目

三、vue的目录结构