一、安装vue-cli       

  1. 先检查是否安装了vue-cli

    使用vue-cli创建vue项目
     
  2. 本文介绍的是vue-cli 3.0以上的版本的vue项目创建。如果已经安装了2.0,需要切换到3.0以上的版本

    使用vue-cli创建vue项目

    a. 先卸载已经安装的2.0的版本:npm uninstall -g vue-cli
    b. 下载最新的版本:npm install -g @vue/cli (注意:下载需要用管理员权限打开cmd,不然下载会提示权限不够的错误)
     
  3. 安装完成之后,依旧可以用vue -V进行查看版本号

二、创建vue项目 

  1.  本地新建一个文件夹project,在project文件夹里打开Powershell窗口,输入命令:vue create axios-vue
           
    使用vue-cli创建vue项目
     
  2. 创建完毕

    使用vue-cli创建vue项目
     
  3. 切换到axios-vue目录下,运行npm run serve命令

    使用vue-cli创建vue项目
     
  4. 浏览器上运行

    使用vue-cli创建vue项目

     

三、添加axios简单使用 

  1.  安装axios,在axios-vue目录下运行命令:npm add axios

    使用vue-cli创建vue项目

    安装成功之后可在package.json文件中查看
     
  2. axios的引入及使用

    使用vue-cli创建vue项目

 

相关文章:

  • 2022-01-09
  • 2021-11-26
  • 2022-01-11
  • 2021-11-12
猜你喜欢
  • 2021-09-01
  • 2022-12-23
  • 2022-12-23
  • 2021-06-07
  • 2021-09-27
相关资源
相似解决方案