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样式
<template>
<div>
</div>
</template>
<script>
export default {
name:'App'
}
</script>
<style scoped lang='scss'>
</style>
App.vue本质上也是一个js文件，相当于一个模板文件（描述一个组件）。主要包括三个部分模板（结构）、脚本文件、样式
assets文件夹中一般放置一些静态资源
public文件夹，放在public目录下的资源会被直接复制，不会经过webpack的打包处理，但是要注意的是：public中的空文件夹资源是不会被复制的。即使使用copy-webpack-plugin也是不会被copy的。所以如果要引用的资源不希望被webpack处理时，可以将其放在public文件夹下，在index.html内引用资源文件且不希望被webpaxk处理时，可以加上前缀：<%= BASE_URL %>
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
