vue全家桶进阶之路18:Vue CLI脚手架

  • vue全家桶进阶之路18:Vue CLI脚手架已关闭评论
  • 141 次浏览
  • A+
所属分类:Web前端
摘要

  一切框架都是为了将开发变得简单、快捷、易操作,Vue CLI脚手架也不例外,它出自vue官方,脚手架的用意就是让开发变得像搭建房子那样标准而又有规划,它集成了很多常用的模块,更像是一个工具箱(插件集合),很多常用的配置文件或者文件夹也直接就有了,例如:webpack。

  一切框架都是为了将开发变得简单、快捷、易操作,Vue CLI脚手架也不例外,它出自vue官方,脚手架的用意就是让开发变得像搭建房子那样标准而又有规划,它集成了很多常用的模块,更像是一个工具箱(插件集合),很多常用的配置文件或者文件夹也直接就有了,例如:webpack。

  在搭建之前我们需要确认我们有没有安装vue,如果没有先安装。

  现在我们回顾一下整个流程:  

  1. 下载安装Node.js环境:Node.js 官网中文版:https://nodejs.org/zh-cn/
    • 检查Node版本:node -v
    • vue全家桶进阶之路18:Vue CLI脚手架
    • vue全家桶进阶之路18:Vue CLI脚手架

       

       

       

       

       

  2. 安装NPM包管理工具:
    • 由于Node.js自带NPM包管理工具,所以安装完Node.js后也就有NPM了。
    • 检查NPM版本:npm -v
    • vue全家桶进阶之路18:Vue CLI脚手架
    • vue全家桶进阶之路18:Vue CLI脚手架
  3.  CNPM的安装(可选,因为现在的网络都很快)

    • cnpm安装:npm install -g cnpm --registry=https://registry.npm.taobao.org