22 vue之脚手架CLI

1 vue官方

2 Vue CLI

# 创建vue项目，需要使用vue-cli ，vue脚手架：程序项目的骨架，只需要在固定位置写代码即可
# vue-cli需要基于源nodejs，安装
# python node
python 解释器 pip安装模块 node命令（解释器） npm安装第三方模块


# node是一个后端语言：解释型---》解释器
# 浏览器中有js的解释器
# Chrome V8 引擎 + 底层库(c:网络操作，文件操作，数据库操作。。。)

3 安装node: 直接下一步下一步

官网下载：

https://nodejs.org/zh-cn/

4 安装cnpm

使用npm安装第三方模块，速度慢一些，换成淘宝镜像cnpm

以后用cnpm代替npm安装第三方模块

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

5 安装vue脚手架CLI

cnpm install -g @vue/cli

注：如果4、5步报错，清除缓存后重新走2、3步

npm cache clean --force

6 命令行下敲 vue 就会有提示

7 创建vue项目

• vue create 项目名
• vue ui # 图形化界面的创建

8 创建项目