node.js+vue的环境配置

node.js的环境配置

官网下载安装node.js，查看是否安装成功，cmd窗口中输入node -v 和npm -v,如果出现版本号信息表示成功，如果显示“'node' 不是内部或外部命令，也不是可运行的程序或批处理文件”。则需要配置环境变量。首先创建NODE_PATH环境变量，值为node.js的安装命令，然后再path变量中添加%NODE_PATH%。

环境变量设置完成后，设置node.js的全局安装目录和缓存目录：在node.js的安装路径下新建node_global和node_cache目录。然后在cmd中输入下面命令。

npm config set prefix "node_global的路径位置"


npm config set cache "node_cache的路径位置"

继续输入下面的命令，安装国内的淘宝镜像，之后下载内容就比较快了。

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

新版本的node设置镜像

npm config set registry https://registry.npmjs.org/

此时可以使用 npm install express -g  来检测是否设置成功。如果出现下面内容表示配置成功。

在node_global目录下的node_modules内就可以看见express。这就是刚才安装的内容

vue的安装

安装vue之前首先安装webpack，webpack是一个类似maven的依赖管理工具，可以递归的打包项目中的所有模块，最终生成几个打包后的文件。

npm install -g webpack

 然后使用下面命令安装vue环境，vue的环境安装完成之后就可以使用vue了。

npm install vue

您还可以安装vue的快速搭建的脚手架，命令如下：

npm install -g vue-cli

至此，node.js和vue的环境就搭配完成了。

 vue-cli的使用

可以使用下面的命令查看vue-cli的选项信息

vue create --help

如果“出现 'vue' 不是内部或外部命令，也不是可运行的程序或批处理文件”，表示环境变量还没配置好，需要在path中添加 node_global的路径，如 E:\Program Files (x86)\node-v12.22.1-win-x64\node_global。此时就可以使用vue-cli了。

1.首先创建一个文件夹

2.然后打开cmd，进入到新建的文件夹下，输入 vue init webpack 你的项目名 命令，会出现如图的内容：

此时按照提示输入项目的信息即可。就此node.js和vue的环境搭建完成。