Vue-cli 脚手架搭建

安装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