安装 Vue CLI
检查环境
- 打开命令窗口,查看是否安装node和npm
node -v
npm -v
如图,出现了版本号(根据下载时候的版本确定),说明已经安装好了
- 查看vue
vue -V
和上面一样,如图,出现了版本号(根据下载时候的版本确定),说明已经安装好了
-
输入 npm -g install npm ,将 npm 更新至最新版本。
没有安装过的看这里(如何安装 Vue CLI)
安装 Node.js,访问官网 https://nodejs.org/en/,首页即可下载。
图中左边是长期支持版本,右边是当前版本,下载哪个都行,这里选择的是长期支持版本。
下载完成后运行安装包,一路下一步就行。
- 然后在 cmd 中输入 node -v,检查是否安装成功。(如何检查上面已经写过了,自行翻看)
- 安装 cnpm,即 npm 的国内镜像。使用 cnmp 的好处是在日后下载内容时会比较快,但是下载的包可能不是最新的。(也可以不安装)
安装 cnpm 的命令为 :
npm install -g cnpm --registry=https://registry.npm.taobao.org
完成后就可以使用 cnpm 替代 npm 了,我使用的是 cnpm,cnpm 不要与 npm 混合使用,一个项目用 cnpm 就从头用到底,不要中途敲错命令,否则就会出现混乱。不过万一遇到这种情况也不用慌,把项目的 node_modules 文件夹删了重新执行 npm/cnpm install 就行了,只是比较浪费时间。
- 使用
cnpm install -g @vue/cli
安装脚手架
cnpm install -g @vue/cli
- 使用
vue --version
查看安装的 vue cli 版本信息
vue --version
这样就说明安装好了