安装Vue脚手架,创建Vue项目

创建vue脚手架是3.0以下版本的项目

  第一步:全局安装vue脚手架

    npm  install  vue-cli  -g

    安装完成后使用vue  -V查看脚手架版本,有输出表示安装成功

    指定脚手架版本安装

    npm  install  vue-cli@2.9.6  -g

  第二步:创建项目

    vue  init  webpack  vueApp

  第三步:启动项目

    npm  run  dev

创建vue脚手架是3.0以上版本的项目

  第一步:全局安装vue脚手架

    npm  install  @vue/cli  -g

    安装完成后使用vue  -V查看脚手架版本,有输出表示安装成功

    指定脚手架版本安装

    npm  install  @vue/cli@4.3.1  -g

  第二步:创建项目

    vue  create  vueApp

  第三步:选择手动安装还是自动安装

    default  (babel, eslint)  // 自动安装

    Manually  select  features  // 手动安装(推荐)

  第四步:配置项目文件

    推荐选择:Babel、Router、Vuex、Linter / Formatter

  第五步:选择路由模式

    Use  history  mode  for  router? n

  第六步:启动项目

    npm  run  serve

  

原文地址:https://www.cnblogs.com/cuishuangshuang/p/13160013.html