Vuecli4 脚手架的安装----细解

Vuecli4 脚手架

• Vue CLI 是一个基于Vue.js进行快速开发的完整系统, 是一个全局安装的npm包, 基于webpack构建, 丰富的官方插件集合, 集成了前端生态中最好的工具, 一套完全图形化的创建和管理Vue.js项目的用户界面;
• Vue CLI致力于将Vue生态中的工具基本标准化;

node npm安装

我们需要大量使用npm包,npm是用node来写的, 所有我们需要安装node;node就是一个js的语言;

• node下载地址:
  
  https://nodejs.org/zh-cn/

• 验证node是否安装成功:
  
  node -v

• node安装成功后,npm也顺带安装了,验证是否成功:
  
  npm -v

  • npm(node package manager)nodejs包管理器,用于插件管理包管理(安装,卸载,管理依赖);
  • npm 类似PHP的composer;有了这个之后,很多插件,一个命令就安装好了;
  • cnpm 国内镜像,管理服务器,淘宝团队:
    
    npm install -g cnpm --registry=https://registry.npm.taobao.org
  • cnpm是国内的npm,npm走国外镜像;都一样的,就拉取镜像的地址不一样,一般用cnpm;

• Vue CLI需要node.js8.9或者更高版本;

  • 安装命令:
    
    npm install -g @vue/cli

  • -g是全局安装
  • i是install的简写,也可以写成npm i -g @vue/cli
  • -S即–save(保存),报名会被注册在package.json的dependencies里面, 在生成环境下这个包的依赖依然存在;

  • 验证安装,下面是vue脚手架的版本:
    
    vue -V

安装完成!!!