vue cli 脚手架的概念理解和用法掌握
脚手架工具的作用:
帮助完成项目的代码目录结构,项目结构和部署,热加载,代码单元测试等功能。
vue cli俗称vue项目脚手架,可以快速搭建vue开发环境以及对应的webpack配置。所以使用vue cli需要先安装node(因为webpack的使用需要先安装node,然后才能使用npm—npm为node自带的)
之前的js必须依赖于浏览器才可以运行,后来出现了node,node为js提供了一个运行环境。
所以直接使用node + js文件的命令,就可以运行js文件
比如在终端输入:node test.js 就可以运行test.js文件
vue cli使用前提–vue cli安装:
-
安装node:
直接在官网下载安装:http://nodejs.cn/download/ -
检测安装的node版本:
node环境要求版本 >= 8.9 -
什么是NPM?node package manager
npm是一个nodejs包管理和分发工具,已经成为非官方的发布node模块的标准
国内直接使用npm的官方镜像非常慢,所以推荐使用淘宝npm镜像。
npm install -g cnpm --registry=https://registry.npm.taobao.org
一般org网址都是非营利性的。com结尾的网址是营利性的
安装vue cli3版本,既可以使用3版本,也可以使用2版本。所以直接安装3版本cli就好了。
npm install -g @vue/cli 安装vue cli3
cli3版本下创建vue项目:
vue create projectname
如果按照3版本后想要使用2.x旧版本。可以通过命令直接拉取旧版本
npm install -g @vue/cli-init
cli2版本下创建vue项目:
vue init webpack projectname
vue cli2安装vue项目的过程:
vue init webpack projectname