在使用VScode時可以安裝以下這些插件：Vetur（virtual dom）、vue、Vue 3 Snippets，輔助代碼撰寫
1.腳手架是可以實作快速搭建開發平臺的一個命令；
包含著框架集成、實作代碼編譯、實作開發服務器的功能
vue腳手架（名字：vue-cli、@vue/cli@4--常用該腳手架第四版本）
基于webpack（webpack是一個框架構建的一個平臺和gulp打包專案類似）開發的一個快速搭建Vue開發框架的一個工具
2.全域安裝
cnpm i -g @vue/cli@4
版本號可以指定沒有時是默認最新版本
vue腳手架有對電腦系統級別要求，否則不能運行腳手架
在安裝出現net error,downloading file error時，是網路問題需要將電腦網路等除錯好再重新安裝
推薦使用cnpm安裝，不使用npm使用可能會導致node平臺破壞，運行不了node使用出現問題
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.查看所有版本號：
npm view vue-cli versions - -json
5.創建專案檔案名
執行專案檔案夾執行下載框架檔案
使用步驟：vue -h
創建vue開發框架專案名
create <app-name>
create a new project powered by vue-cli-service 創建基于vue-cli-service新專案
呼叫：vue create empty-vue
專案名 根據專案來定，不能使用中文，還有檔案的路徑不能用中文也不能有空格，否則電腦或自動報錯
初始化專案：ESLint
檢查代碼質量的一個工具庫，也是框架應該并且必須需要的一個庫，
因為代碼以后在執行提交或則code review（代碼評審--code QC）的時候會有自動代碼檢查執行機制
6.基于vue框架下載專案：
vue create 專案名
1.Manually select features
2.Choose Vue version 2.x
3.ESLint+Standard config
4.Lint on save
5.In dedicated config files
6.等待專案初始化--github下載vue框架，webpack工具依賴全部安裝本地即可完成，根據ip地址訪問vue首頁
腳手架運行是使用webpack-dev-server實作，基于express框架構架的開發服務器
腳手架是指開發框架會自動編譯專案的代碼，將代碼掛載index.html頁面
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/373907.html
標籤：JavaScript