利用vue-cli脚手架创建项目

利用vue-cli脚手架创建项目

安装vue-cli脚手架(全局安装)
npm install -g @vue/cli
使用vue --version查看是否安装完成,显示对应版本号

  1. 使用命令行创建
    vue create ‘项目名称’
    利用vue-cli脚手架创建项目
    default包含了基本的 Babel + ESLint 设置的 preset
    Manually select features 选“手动选择特性”来选取需要的特性。
    在这里我选择的是手动选择特性
    利用vue-cli脚手架创建项目
    选择你需要使用的特性(*)代表选中,选择完毕按enter键进入下一步,
    选择Use history mode for router?
    利用vue-cli脚手架创建项目
    选择css的预编译,scss、less、stylus等,选择一个。
    利用vue-cli脚手架创建项目
    后续根据自己选择
    利用vue-cli脚手架创建项目
  2. 使用图形界面创建
    vue ui
    进入图形界面创建项目
    利用vue-cli脚手架创建项目
    项目详情
    利用vue-cli脚手架创建项目
    选择预设值或手动设置特性
    利用vue-cli脚手架创建项目
    选择项目功能
    利用vue-cli脚手架创建项目
    配置
    利用vue-cli脚手架创建项目
    安装完成
    利用vue-cli脚手架创建项目