安装脚手架vue-cli

  • 创建项目,项目名字为vuedemo,用户可自定义
    vue create vuedemo
    
  • 需要vue-cli3的支持,如果版本较低,可根据提示卸载并安装新版的vue-cliimage-20211006152841713
    npm uninstall -g vue-cli
    npm install -g @vue/cli
    

    如果有cnpm可将npm替换成cnpm以获取更快的速度

  • 程序会询问你是否需要更换包管理器,这里因人而异,我还是保留原来的yarn包管理器image-20211006153254803
  • 程序会询问选择预设的vue版本,我这里选择的是3(可通过键盘的上下键进行选择),包管理器我选择Yarn。image-20211006153518043
  • 等待安装完成之后即可得到一个简单的初始vue项目image-20211006153614319
  • 根据提示切换到项目文件夹中
    cd vuedemo
    
  • 启动项目服务
    yarn run serve
    

    image-20211006153816925

  • 根据提示访问http://localhost:8080/即可发现项目启动成功image-20211006153920092
分类: 前端学习