1.安裝
打開cmd,輸入npm install -g @vue/cli
2.創(chuàng)建項目
打開vsCode終端，輸入vue create demo(名字小寫)，然后選擇自己所需的，點回車
效果
項目創(chuàng)建成功
創(chuàng)建成功
運行的話在終端輸入npm run serve,這樣項目就啟動了
打包的話在終端輸入npm run build
在初始main.js中每行代碼含義
import Vue from 'vue'
//導(dǎo)入App.vue組件
import App from './App.vue'
//關(guān)閉生產(chǎn)提示信息
Vue.config.productionTip = false
//創(chuàng)建Vue實例
new Vue({
//render是渲染函數(shù)
render: h => h(App),
}).$mount('#app')
在components文件夾中中，一般放置的是可復(fù)用的組件，后綴名為.vue，在每個組件中又包含三個部分：模板、JS文件和css樣式
<template>
<div>
</div>
</template>
<script>
export default {
name:'App'
}
</script>
<style scoped lang='scss'>
</style>
App.vue本質(zhì)上也是一個js文件，相當(dāng)于一個模板文件（描述一個組件）。主要包括三個部分模板（結(jié)構(gòu)）、腳本文件、樣式
assets文件夾中一般放置一些靜態(tài)資源
public文件夾，放在public目錄下的資源會被直接復(fù)制，不會經(jīng)過webpack的打包處理，但是要注意的是：public中的空文件夾資源是不會被復(fù)制的。即使使用copy-webpack-plugin也是不會被copy的。所以如果要引用的資源不希望被webpack處理時，可以將其放在public文件夾下，在index.html內(nèi)引用資源文件且不希望被webpaxk處理時，可以加上前綴：<%= BASE_URL %>
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
