ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

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

2022-03-26 13:03:40  阅读:76  来源: 互联网

标签:npm vue 文件目录 项目 创建 管理系统 vue3.2 点击 后台


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

 

 

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

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

 

 

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

 

 

  •  创建完成后,在项目依赖中点击’安装依赖‘,添加新的依赖axios(此处安装的是0.26.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运行项目,项目正式创建完成

 

标签:npm,vue,文件目录,项目,创建,管理系统,vue3.2,点击,后台
来源: https://www.cnblogs.com/panghur/p/16057830.html

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有