nodeJS安装教程

nodeJS安装教程

1、下载

从 http://nodejs.cn中下载最新版的nodeJS并安装

2、查看nodeJS是否安装成功

打开cmd输入如下命令

查看nodeJS版本信息

node -v

查看npm版本信息

npm -v

特殊处理

如果npm命令无效，则需要重新安装npm。从http://nodejs.org/dist/npm/下载npm包

解压并替换nodejs文件夹下的node_modules和npm.cmd文件

3、设置nodeJS配置信息

创建两个文件夹

在nodejs文件夹下创建"node_global"和"node_cache"文件夹

运行如下两个命令

npm config set prefix "C:\Program Files\nodejs\node_global"
npm config set cache "C:\Program Files\nodejs\node_cache"

使用命令查看本次仓库

npm list -global

设置镜像站

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

查看所有配置信息

#我们关注一个配置文件C:\Users\Administrator\.npmrc
npm config list

检查镜像站是否可用

npm config get registry
npm info vue

npm安装或更新

#-g表示安装到global目录下也就是上面创建的node_global文件夹
npm install npm -g
#注意，此时，默认的模块C:\Program Files\nodejs\node_modules 目录
#将会改变为C:\Program Files\nodejs\node_global\node_modules 目录，
#如果直接运行npm install等命令会报错的。
#需要增加环境变量NODE_PATH 内容是：C:\Program Files\nodejs\node_global\node_modules

使用npm安装vue.js

npm install vue -g

使用npm安装vue脚手架

npm install vue-cli -g

使用npm安装vue-router

npm install vue-router -g

问题解决

输入vue提示无法识别则是因为vue脚本在自定义的global目录下不在path环境变量，所以在系统变量的path路径中添加C:\Program Files\nodejs\node_global就可以解决。重启cmd输入vue可以显示vue命令

查看vue版本

#V要大写
vue -V

初始化项目

#vue-cli工具是内置了模板包括 webpack 和 webpack-simple,前者是比较复杂专业的项目，他的配置并不全放在根目录下的 webpack.config.js 中。且必须在磁盘根目录下执行此命令
vue init webpack vue01
#之后设置相应的内容,只是将vue-router设置为yes其余都设置为no

以下步骤都需要在上一步创建的vue01目录下执行

初始化安装依赖

npm install

运行项目

npm run dev

打包

npm run build

使用vue ui创建项目

#使用命令安装vue-cli脚手架
npm install -g @vue/cli@3.7.0
#使用vue ui命令创建项目,此时会打开浏览器出现创建项目的页面
vue ui