vue-cli2.x和vue-cli3.x搭建步骤

一、安装node.js

  • node.js官网下载安装包,选择稳定版(LTS),一路下一步即可安装完成
  • 检测node.js是否安装成功:node -v,出现版本号即安装成功
  • 检测npm:npm -v

二、安装webpack

  • 全局安装webpack:npm install webpack -g
  • 同时需要安装webpack-cli,运行cnpm install webpack-cli -g
  • 查看webpack版本:webpack -v

三、安装vue-cli 2.x

  • 运行npm install vue-cli -g

  • 如果上一步很久安装不好或安装失败,先切换成淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org,再执行安装命令cnpm install vue-cli -g

  • 创建项目:vue init webpack 项目名(不要取中文)在这里插入图片描述

  • 验证是否安装成功:vue -V

四、安装vue-cli 3.x

  • 安装最新版本:cnpm install @vue/cli -g
  • 安装指定版本:cnpm install @vue/[email protected] -g
  • 创建项目:vue create 项目名(不要取中文)
    在这里插入图片描述
  • 运行项目:cnpm run serve

猜你喜欢

转载自blog.csdn.net/qq_37344867/article/details/125874834