目录
2.现在开始从一台没有vue的机器上安装vue到使用vue ui
三,运行npm install vue-cli -g安装vue脚手架
1.安装vue ui的话需要安装以下东西
1.1 node.js
1.2vue
1.3 vue-cli
1.4vue-router
1.5 npm/cnpm
2.现在开始从一台没有vue的机器上安装vue到使用vue ui
1.安装node.js
先到node.js的官网上去寻找安装包
直接下载到D盘
选择安装到环境中
选择安装
cmd打开命令提示符面板
echo %PATH%
查看本地环境的配置是否安装成功
node -v
npm -v
查看是否安装成功和安装版本 记住-V不要大写不然没无法显示
然后运行以下2条命令
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"
将这两个文件夹的缓存和全局放到D盘的目录里面
查看
npm list -global
发现目录已经改变
配置一个镜像站来提高一下速度
输入命令npm config set registry=http://registry.npm.taobao.org 配置镜像站
npm config list 查看配置信息
检查镜像站行不行的命令
npm config get registry
注意,此时,默认的模块D:\nodejs\node_modules 目录
将会改变为D:\nodejs\node_global\node_modules 目录,
如果直接运行npm install等命令会报错的。
1、增加环境变量NODE_PATH 内容是:D:\nodejs\node_global\node_modules
需要重新打开cmd使环境变量生效
一.测试Npm 安装vue.js
命令:npm install vue -g
vue 安装到全局
这时候打开文件
发现node_modules 下的vue文件就是我们需要的
表示已经安装成功
二、测试NPM安装vue-router
命令:npm install vue-router -g
三,运行npm install vue-cli -g安装vue脚手架
运行vue 提示不是内部或者外部的命令
那是因为vue脚本在自定义的gloobal目录下不在path坏境变量
对path环境变量添加D:\nodejs\node_global
输入vue -V
2.9.6的Vue版本是无法运行vue ui的但是可以通过命令行来创建项目
cd vue01
npm install 安装依赖
npm run dev 运行就能看到一个最简单的vue项目了
(大家后面可以继续百度一下 因为这不是我们要到达的终点)
3.如何安装和使用vue ui
3.1安装最新的vue
使用vue ui的话我们需要vue的版本到达3.0以上的版本 这时候我们需要重新删除脚手架
并且安装新的脚手架
删除之前版本
npm uninstall vue-cli -g
安装最新版本
npm install -g @vue/cli
这时候你一定很疑惑为什么安装不上去 还一直报错 warning
运行vue -v的时候告诉你throw 892的错误但是你却找不到
那是因为你压根没有安装上去
国内的安装这种高版本基本需要cnpm的安装接下来我带你们安装cnpm
3.2 安装cnpm
我们需要安装cnpm因为只有cpm才能安装更高级的脚手架
否则你用npm安装的会一直报错无法安装成功throw 892的错误
测试全局安装npm install express -g
express 4.x版本之前 全局安装express 命令是 npm install express -g
express 4.x版本之后 全局安装express 命令是 npm install -g express-generator
npm install -g cnpm --registry=https://registry.npm.taobao.org
因为之前环境变量已经加过了就不需要加了
cnpm -v查看cnpm的版本发现成功就能继续安装了
3.3安装最新版本的vue
cnpm install -g @vue/cli
安装完成之后就可以运行vue ui了