学习《Spring Boot + Spring Cloud + Vue + Element项目实战手把手教你开发权限管理系统》记录项目实现过程以及笔记（一）

开发权限管理系统--前端--学习记录（一）

参考书本：徐丽健. Spring Boot+Spring Cloud+Vue+Element项目实战：手把手教你开发权限管理系统 (Kindle位置2344). 清华大学出版社. Kindle 版本. 

1.技术基础

2.搭建开发环境

开发软件：Visual Studio Code

                   

环境准备：

安装Node.js 

# linux系统命令
sudo npm install npm -g

# windows 系统命令
npm install npm -g

安装完成，输入 npm -v 显示版本

安装vue-cli

安装 vue 脚手架 项目 初始化 工具 vue- cli，- g 表示 全局 安装， 代码 如下：

    安装旧版

npm install vue-cli -g

         

         安装新版，目前vue-cli已更新至4.x版 

npm install -g @vue/cli

            

淘宝镜像

因为 NPM 使 用的 是 国外 中央 仓库， 有时候 下载 速度 比较“ 喜人”， 就 像 Maven 有 国内 镜像 一样， NPM 在 国内 也有 镜像 可用。 这里 建议 使用 淘 宝 镜像。 安装 淘 宝 镜像， 安装 成功 后用 cnpm 替代 npm 命令 即可， 如 cnpm install webpack -g 。

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

安装Yarn

安装 了 Node， 同时 也就 安装 了 NPM， 可以 使用 下面 的 命令 来 安装：

npm i yarn -g -verbose

NPM 官方 源 访问 速度 实在 不敢 恭维， 建议 使用 之前 切换 为 淘 宝 镜像， 在 Yarn 安装 完毕 之后 执行 如下 指令：

yarn config set registry https://registry.npm.taobao.org

        

创建项目

生成项目

安装依赖

启动运行