VUE 脚手架 {vue的：插件、for的key、元素索引、计算属性、网络抓取...}

Vue框架的核心理念: 修改数据, 自动更新DOM元素，理解之后 才算学会了Vue

脚手架：就是一款软件, 可以按照用户需求自动生成

开发环境: 包含必备的脚本资源, 插件资源

   随着时代的发展, WEB开发逐渐出现了 工程化 特征: 流水线作业!

        脚本方式: 到饭店 自选点餐..

        脚手架方式: 点 套餐, 一套完善的配置,扩展, 各种易用功能...

• 脚手架: 是现代WEB开发的最终形态 -- 工程化

  • 流水线作业: 脚手架工具 会生成 标准的项目包结构. 所有人编写的代码都将会是相同的规范

    • 可维护性, 可替代性 非常强

一、安装脚手架

1.电脑需要安装node软件: 下载 | Node.js 中文网

node版本要使用稳定版本, 例如 最高的 16, 最稳定,做多的是 14 版本

        使用 node -v 查看版本, 目前最高 16.11

2.确保 npm 是中国镜像:

        查看当前镜像: npm config get registry   

        设置淘宝镜像: npm config set registry       https://registry.npm.taobao.org/

3.利用npm 安装 vue 的脚手架软件

          安装命令: npm i -g @vue/cli --force

                i: install 的缩写, 代表安装

                -g: 代表全局安装

                @vue/cli: vue的脚手架软件名称

                --force: 强制替换已安装的旧版本

4.测试是否安装成功: vue -V 注意是 大写的V

5.无法安装的情况, 基本原因如下:

  ①:网卡: 确保是中国镜像的情况下

  ②:vue -V: 安装了但是显示 vue非内部或外部命令 -- 重装node

  ③:错误: error 4048, 用管理员模式运行. 如果还不好用:重装系统

二、利用脚手架软件生成项目包

生成命令: vue create 包名

• create: 创建
• 包名: 允许中划线, 不允许下划线

例如: 生成 vue-pro 这个项目包: vue create vue-pro

用 cmd:命令行工具

执行前, 确认目录下不存在同名文件夹, 否则会询问是否要覆盖

①开始创建

②回车创建, 进入生成过程: 选择手动方式, 自定义配置

③选择要加载的默认功能项目

④路由的默认选择: 直接回车 即可采用默认项Y

⑤css预编译器的选择