创建Vue环境(包括后端Egg框架搭建)

53 阅读1分钟
  1. 在需要创建项目的文件下打开小黑窗输入指令 npm install @vue/cli -g 下载官方脚手架(这个只用下载一次,之前没有下载过需要下载,下载之后后面创建项目就不需要下载,直接进行第二步)

image.png 2. 继续输入指令 vue create init
这里的init 是项目文件名,可自定义\

  1. 小黑窗会跳出配置
    (1)版本选择

image.png (2)等待下载

image.png (3)然后再进行一系列配置,可一直回车键,下载完成之后关闭小黑窗\

  1. 在下载好的文件中找到src,在src文件下打开小黑窗

image.png 5. 加载完成之后在浏览器地址栏输入下图中的网址

image.png 6. 在地址栏输入相应网址,出现这个页面说明vue的环境下好了

image.png

Egg后端搭建
首先是需要有node环境(14版本以上)
1.在需要创建项目的文件中打开小黑窗,使用脚手架快速创建项目,输入指令
npm init egg --type=simple\

image.png 等待下载完成
2. 下载完成之后在egg项目的app文件下打开小黑窗输入指令 npm i image.png 等待下载完成

image.png

  1. 下载完成之后在小黑窗输入指令 npm run dev

image.png 4. 浏览器访问: http://localhost:7001

image.png