VUE-CLI学习第三天-02

VUE-CLI基础

全局安装vue/cli

@~ npm install @vue/cli -g

拉取 2.x 模板 (旧版本)

• 安装桥接工具

  @~ npm install -g @vue/cli-init
  

• 创建2.x版本项目

  @~ vue init webpack 项目名称
  

创建VUE-CLI4项目

@~ vue create 项目名称

VUE-CLI4项目文件信息

• src/main.js（入口文件）

  Vue.config.productionTip = false //是否显示提示信息
  

• .gitignore（git忽略的文件集）
• babel.config.js（ES语法转换）
• package.json（依赖包等版本信息）
• public/index.html(主页)
• src/components(组件文件夹)

VUE-CLI4配置文件的查看和修改

1. 使用cmd运行命令,进入Vue项目管理界面，导入相应项目后进入配置文件信息界面

   @~ vue ui
   

2. node_modules文件夹里查看（node_modules/@vue/cli-service/webpack.comfig.js）
3. 自己创建’vue.config.js’文件，里面的配置会自动进行合并