vue工程化開發(fā) & 使用腳手架VUE CLI：
1，核心包傳統(tǒng)開發(fā)模式：基于js/html/css直接引入核心包開發(fā)vue。
2，工程化開發(fā)?；跇嫿üぞ呷?webpack)的環(huán)境中開發(fā)vue。
vue cli是什么：
vue cli是一個vue官方提供的一個全局的命令工具.
可以幫助我們快速的創(chuàng)建一個開發(fā)vue項目的標準化基礎架子【集成了webpack配置】
好處 ：
- 開箱即用，0配置。
- 內置babel等工具.
- 標準化.
使用步驟：
- 全局安裝(一次)：
yarn global add @vue/cli或者使用npmnpmi @vue/cli -g - 查看vue的版本:
vue --version - 創(chuàng)建項目的架子：
vue create project-name(項目名-不能用中文) - 啟動項目:
varn serve或npm run serve(找package.json）
1.使用vscode打開需要創(chuàng)建項目的文件夾。或者打開指定文件夾，在打開命令窗口。
使用vue create project-name創(chuàng)建demo項目。
要使用vue3就可以選擇創(chuàng)建vue3項目，我這里選的vue2.
然后這里需要等待一段時間。
然后cd到項目文件中。cd demo 使用 npm run serve 啟動項目。
啟動成功按住ctrl點擊鏈接。
這樣一個項目的基礎框架就搭建成功。
這里啟動項目時為什么命令時 npm run serve
這個啟動名稱實在 package.json里面配置的。
可以將這里面的serve改為其他的單詞字母，然后使用 npm run 改過之后的單詞也可以成功把項目運行起來。文章來源：http://www.zghlxwxcb.cn/news/detail-690373.html
項目的文件結構的各個用途：
使用npm安裝的vue是沒有yarn.lock文件
項目運行流程：
文章來源地址http://www.zghlxwxcb.cn/news/detail-690373.html
到了這里，關于【vue2第八章】工程化開發(fā)和使用腳手架和文件結構的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網(wǎng)！
