vue3.2后台管理系统(1)——创建项目

  • A+
所属分类:Web前端
摘要

           安装命令:npm i vue@3.2.8 vue-router@4.0.11 vuex@4.0.2

  • cmd命令框输入vue ui 进入项目管理器,在vue项目管理器的创建选项填写预放的文件目录(如:D:FYYMyProject-houtai)

vue3.2后台管理系统(1)——创建项目

 

 

  • 在 D:FYYMyProject-houtai文件目录中点击‘创建新项目’ 

vue3.2后台管理系统(1)——创建项目

  • 进入下一页,在’详情‘填写项目名称;’预设‘中选择手动配置;’功能‘中另外选中vuex、router、css pre-processors和使用配置文件;‘配置’中选择vue3.x版本,使用Sass/SCSS(with dart-sass)和ESLint+Standard config ;之后点击再次点击’创建项目‘

vue3.2后台管理系统(1)——创建项目vue3.2后台管理系统(1)——创建项目vue3.2后台管理系统(1)——创建项目vue3.2后台管理系统(1)——创建项目vue3.2后台管理系统(1)——创建项目vue3.2后台管理系统(1)——创建项目

 

 

  •  在弹框中选择’创建项目,不保存预设‘

vue3.2后台管理系统(1)——创建项目

 

 

  •  创建完成后,在项目依赖中点击’安装依赖‘,添加新的依赖axios(此处安装的是0.26.1)

vue3.2后台管理系统(1)——创建项目

 

  •  此时在vscode中打开给该项目的package.json文件,发现里面的vue版本并不是3.2.0,所以我们需要在终端重新安装新版本的vue

    安装命令:npm i vue@3.2.8 vue-router@4.0.11 vuex@4.0.2

     此处安装完成后,需重输入npm install,不然它可能会有报错

  • 输入npm run serve运行项目,项目正式创建完成

vue3.2后台管理系统(1)——创建项目