使用vue-cli创建vue项目

一、安装vue-cli       

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


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

    使用vue-cli创建vue项目_第1张图片

    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张图片
     
  2. 创建完毕

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

    使用vue-cli创建vue项目_第4张图片
     
  4. 浏览器上运行

    使用vue-cli创建vue项目_第5张图片

     

三、添加axios简单使用 

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

    使用vue-cli创建vue项目_第6张图片

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

    使用vue-cli创建vue项目_第7张图片

 

你可能感兴趣的:(Vue开发,axios,vue,vue-cli)