Spring Boot+Vue+Element前后端分离入门(一):安装 Vue CLI

安装 Vue CLI

检查环境

  • 打开命令窗口,查看是否安装node和npm
node -v
npm -v
image.png

如图,出现了版本号(根据下载时候的版本确定),说明已经安装好了

  • 查看vue
vue -V
image.png

和上面一样,如图,出现了版本号(根据下载时候的版本确定),说明已经安装好了

  • 输入 npm -g install npm ,将 npm 更新至最新版本。


    image.png

没有安装过的看这里(如何安装 Vue CLI)

安装 Node.js,访问官网 https://nodejs.org/en/,首页即可下载。

image.png

图中左边是长期支持版本,右边是当前版本,下载哪个都行,这里选择的是长期支持版本。
image.png

下载完成后运行安装包,一路下一步就行。

  • 然后在 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
image.png

这样就说明安装好了

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容