在使用VScode時(shí)可以安裝以下這些插件：Vetur（virtual dom）、vue、Vue 3 Snippets，輔助代碼編寫

創(chuàng)新互聯(lián)建站-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價(jià)比儋州網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式儋州網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋儋州地區(qū)。費(fèi)用合理售后完善，10余年實(shí)體公司更值得信賴。

1.腳手架是可以實(shí)現(xiàn)快速搭建開發(fā)平臺(tái)的一個(gè)命令；

包含著框架集成、實(shí)現(xiàn)代碼編譯、實(shí)現(xiàn)開發(fā)服務(wù)器的功能

vue腳手架（名字：vue-cli、@vue/cli@4--常用該腳手架第四版本）

基于webpack（webpack是一個(gè)框架構(gòu)建的一個(gè)平臺(tái)和gulp打包項(xiàng)目類似）開發(fā)的一個(gè)快速搭建Vue開發(fā)框架的一個(gè)工具

2.全局安裝

cnpm i -g @vue/cli@4

版本號(hào)可以指定沒有時(shí)是默認(rèn)最新版本

vue腳手架有對電腦系統(tǒng)級別要求，否則不能運(yùn)行腳手架

在安裝出現(xiàn)net error,downloading file error時(shí)，是網(wǎng)絡(luò)問題需要將電腦網(wǎng)絡(luò)等調(diào)試好再重新安裝

推薦使用cnpm安裝，不使用npm使用可能會(huì)導(dǎo)致node平臺(tái)破壞，運(yùn)行不了node使用出現(xiàn)問題

3.卸載vue腳手架：

npm uninstall -g vue-cli
yarn global remove vue-cli

3.0版本前后

npm uninstall -g @vue/cli
yarn global remove @vue/cli

4.查看所有版本號(hào)：
npm view vue-cli versions - -json
5.創(chuàng)建項(xiàng)目文件名
執(zhí)行項(xiàng)目文件夾執(zhí)行下載框架文件

使用步驟：vue -h

創(chuàng)建vue開發(fā)框架項(xiàng)目名

create

create a new project powered by vue-cli-service 創(chuàng)建基于vue-cli-service新項(xiàng)目

調(diào)用：vue create empty-vue

項(xiàng)目名 根據(jù)項(xiàng)目來定，不能使用中文，還有文件的路徑不能用中文也不能有空格，否則電腦或自動(dòng)報(bào)錯(cuò)

初始化項(xiàng)目：ESLint

檢查代碼質(zhì)量的一個(gè)工具庫，也是框架應(yīng)該并且必須需要的一個(gè)庫，

因?yàn)榇a以后在執(zhí)行提交或則code review（代碼評審--code QC）的時(shí)候會(huì)有自動(dòng)代碼檢查執(zhí)行機(jī)制

6.基于vue框架下載項(xiàng)目：
vue create 項(xiàng)目名

1.Manually select features
2.Choose Vue version 2.x
3.ESLint+Standard config
4.Lint on save
5.In dedicated config files
6.等待項(xiàng)目初始化--github下載vue框架，webpack工具依賴全部安裝本地即可完成，根據(jù)ip地址訪問vue首頁

腳手架運(yùn)行是使用webpack-dev-server實(shí)現(xiàn)，基于express框架構(gòu)架的開發(fā)服務(wù)器

腳手架是指開發(fā)框架會(huì)自動(dòng)編譯項(xiàng)目的代碼，將代碼掛載index.html頁面