类似抖音的短视频管理系统+Java后端+vue前端（13）
安装vueCli，新建vue项目
node安装
建议安装node16
安装完成后cmd命令行检查版本
node环境配置
- 在通过npm安装vue或webpack的时候，node.js默认安装在路径C:\Users\用户名\AppData\Roaming下，为了不占用C盘空间，并且出现系统禁止脚本运行的情况（装vue脚手架时可能报错），所以强烈建议将路径改到安装包里的。 首先进入node.js的安装目录，新建node_global和node_cache两个文件夹，如下图：
- 在cmd终端输入两个命令 以下是我自己的node 安装路径 建议修改成你自己的
npm config set prefix D:\nodejs\node_global
npm config set cache D:\nodejs\node_cache
- 修改保存位置后，设置环境变量（我的电脑->属性->高级系统设置->高级->环境变量），在系统变量中新建一个NODE_PATH变量，变量值为文件node_modules的路径（在你node.js安装路径里就能找到）
- 在path里配置node安装路径，和上面两个文件夹的路径
- 再编辑用户变量里的Path，将最后一个路径C:\Users\用户名\AppData\Roaming改成刚刚新建的node_global路径 D:\nodejs\node_global，配置完成。
- 切换阿里云镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
npm config set registry https://registry.npm.taobao.org
安装vueCli3.0
npm uninstall -g @vue/cli
npm install -g @vue/[email protected]
安装脚手架
注意以管理员身份打开 cmd 输入以下命令
cnpm install -g vue-cli
创建 vue 标准空项目
以管理员 打开 cmd 进入到项目文件夹 输入 如下命令
vue create <Project Name> //文件名 不支持驼峰（含大写字母）
具体操作如下：
首先，会提示你选择一个preset（预设）：
① 除最后两个，其他选项都是你此前保存的预设配置（如下图第一个“ my-default”是我之前保存的预设配置，如今便可以直接用了）：
如果没有配置保存过，则只有以下两个选项：
② default（babel，eslint）：默认设置（直接enter）非常适合快速创建一个新项目的原型，没有带任何辅助功能的 npm包
③ Manually select features：自定义配置（按方向键 ↓）是我们所需要的面向生产的项目，提供可选功能的 npm 包
手动选择需要添加的配置项：
? Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)
>( ) Babel //转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。
( ) TypeScript// TypeScript是一个JavaScript（后缀.js）的超集（后缀.ts）包含并扩展了 JavaScript 的语法，需要被编译输出为 JavaScript在浏览器运行，目前较少人再用
( ) Progressive Web App (PWA) Support// 渐进式Web应用程序
( ) Router // vue-router（vue路由）
( ) Vuex // vuex（vue的状态管理模式）
( ) CSS Pre-processors // CSS 预处理器（如：less、sass）
( ) Linter / Formatter // 代码风格检查和格式化（如：ESlint）
( ) Unit Testing // 单元测试（unit tests）
( ) E2E Testing // e2e（end to end） 测试
选择完后直接enter，然后会提示你选择对应功能的具体工具包，选择自己擅长或者使用广泛的（方便遇到问题时百度），简介如下：
- 是否使用history router：
Vue-Router 利用了浏览器自身的hash 模式和 history 模式的特性来实现前端路由（通过调用浏览器提供的接口） - 如何存放配置 ：
- 是否保存本次配置（y:记录本次配置，然后需要你起个名; n：不记录本次配置）：
- 搭建完成：
