Vhr01

一.运用技术

 SpringBoot(SSM)

 Spring secunity

 Redis

 POI/邮件发送/消息中间件

 MySql

 Vue

 axios

ElementUI

 Vuex

2.SPA单页面应用

3.创建项目环境

   创建Vue项目 --- 环境搭建

在cmd下安装Vue下载的依赖 --- 将下载的环境依赖修改成淘宝的

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

---安装Vue工具

npm install -g vue-cli   # 只需要第一次安装时执行

相关命令

npm install -g vue-cli   # 只需要第一次安装时执行
vue init webpack my-project  # 使用webpack模板创建一个vue项目
cd my-project #进入到项目目录中
npm install  # 下载依赖（如果在项目创建的最后一步选择了自动执行npm install，则该步骤可以省略）
npm run dev # 启动项目

二，进行项目的环境搭建

项目搭建环境进行相关环境搭建

需要提前安装node.js和npm  node.js安装成功以后npm会自动安装成功

之后需要安装Vue环境

安装Vue

npm install -g vue

npm install -g  @vue/cli 

然后把这个路径添加的系统环境变量的path里面，如下图：

全部环境安装成功

项目环境搭建

在根目录创建项目文件夹

2.cmd命令进入到文件夹里

3.下载项目模板

vue init webpack vue01

vue init webpack my-project  # 使用webpack模板创建一个vue项目
cd my-project #进入到项目目录中
npm install  # 下载依赖（如果在项目创建的最后一步选择了自动执行npm install，则该步骤可以省略）
npm run dev # 启动项目

创建项目

vue init webpack vue01 #vue01为项目名称

? Project name (vue01)  #问你的项目是否叫vue01--直接回车默认名称
? Project description (A Vue.js project) #项目的描述是什么 可不填
? Author (liuboss <2456325305@qq.com>) #作者
? Install vue-router? (Y/n) #是否安装页面跳转工具   安装
? Use ESLint to lint your code? (Y/n) #代码检测工具 标准格式写代码   不可安装
? Set up unit tests (Y/n)  #单元测试  不装
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recommended) (Use arrow keys)
> Yes, use NPM
  Yes, use Yarn
  No, I will handle that myself
#测命令是是否帮你运行npm install命令  不运行  不自动安装环境依赖

项目模板创建成功

手动安装依赖

cd vue02  进入到项目的文件夹 执行 npm install

H:\liuboss\worker>cd vue02

H:\liuboss\worker\vue02>npm install

安装依赖-

 

报错：60 packages are looking for funding
run npm fund for details

解决
npm fund
npm run dev 或者npm run start 或者npm run serve

前端项目初始化创建成功

config中-端口转发相关配置工具

node_modules 依赖文件 运行 npm run dev

运行方式二