初识Vue-cli

1.安装
打开cmd,输入npm install -g @vue/cli
2.创建项目
打开vsCode终端，输入vue create demo(名字小写)，然后选择自己所需的，点回车

效果

项目创建成功

创建成功

运行的话在终端输入npm run serve,这样项目就启动了
打包的话在终端输入npm run build
在初始main.js中每行代码含义

import Vue from 'vue'
//导入App.vue组件
import App from './App.vue'
//关闭生产提示信息
Vue.config.productionTip = false
//创建Vue实例
new Vue({
  //render是渲染函数
  render: h => h(App),
}).$mount('#app')

在components文件夹中中，一般放置的是可复用的组件，后缀名为.vue，在每个组件中又包含三个部分：模板、JS文件和css样式

App.vue本质上也是一个js文件，相当于一个模板文件（描述一个组件）。主要包括三个部分模板（结构）、脚本文件、样式

assets文件夹中一般放置一些静态资源

public文件夹，放在public目录下的资源会被直接复制，不会经过webpack的打包处理，但是要注意的是：public中的空文件夹资源是不会被复制的。即使使用copy-webpack-plugin也是不会被copy的。所以如果要引用的资源不希望被webpack处理时，可以将其放在public文件夹下，在index.html内引用资源文件且不希望被webpaxk处理时，可以加上前缀：<%= BASE_URL %>