安裝Vue CLI
在終端中輸入以下命令進(jìn)行全局安裝:
npm install -g @vue/cli
創(chuàng)建Vue項目
1.在你要創(chuàng)建項目的目錄下打開終端輸入vue create 【你的項目名稱】
2.手動選擇安裝
3.根據(jù)自己的需求選擇
4.選擇vue版本
5.是否使用calss風(fēng)格的組件語法: (推薦:y)
6.這個選擇的意思是要不要使用babel工具自動轉(zhuǎn)換為ts代碼注入polyiss(推薦: y)
7.是否使用history模式創(chuàng)建路由;
8.選擇預(yù)處理器(如: less,sass,stylus)
9.選擇代碼檢測時的工具
10.選擇檢測時機(jī)
11.如何存放配置
12.可以將當(dāng)前創(chuàng)建項目配置作為一個模板方便下次直接使用?
13.至此,一個vue項目就創(chuàng)建完成了。?
vue項目啟動自動打開瀏覽器?
在 vue.config.js 文件下配置
devServer: {
host: 'localhost',
open:true, //默認(rèn)打開瀏覽器
proxy:"http://localhost:2999"
}
如圖:文章來源:http://www.zghlxwxcb.cn/news/detail-500808.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-500808.html
到了這里,關(guān)于新建一個vue2項目的文章就介紹完了。如果您還想了解更多內(nèi)容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!