安装node.js
- 官网下载node.js安装包,地址:Node.js — Download Node.js®
- 先在node.js即将要安装的路径下创建两个文件夹:node_cache(缓存)、node_global(全局)
- 点击安装包,按照提示一步一步安装,然后通 过cmd命令查看其安装版本
node -v
npm -v
结果如下图所示:
- 用cmd命令设置cache、global路径:
npm config set cache "node_cache路径" npm config set prefix "node_global路径"
- 将node_global和node_cache路径添加到环境变量中
设置npm镜像源
设置:npm config set registry Node.js — Download Node.js®
验证:npm config get registry
安装vue-cli脚手架
卸载:npm uninstall vue-cli -g
安装:npm install -g @vue/cli
安装完成之后,进行验证:vue -V
注意:可能会出现这种问题('vue' 不是内部或外部命令,也不是可运行的程序)
解决办法:
用命令:npm config list查看prefix的路径,查看该路径下是否有vue.cmd文件。或者环境变量里是否添加vue.cmd文件所处的路径。
利用脚手架创建项目
方法1:创建放置项目的文件夹,cmd到该路径下,利用命令:vue create firstproject(注意:项目名称不能有中文、大写字母)
方法2:利用命令:vue ui