資訊專欄INFORMATION COLUMN
摘要：中文文檔在安裝之前請裝好安裝檢測的版本大寫安裝的安裝方法安裝全局橋插件能兼容使用命令行創(chuàng)建項目快速創(chuàng)建一個新項目創(chuàng)建項目選擇配置選擇配置第一次創(chuàng)建項目只有后面兩個分別是默認(rèn)和手動自定義選擇。
中文文檔
https://github.com/vuejs/vue-...
在安裝之前請裝好nodeJs
vue -V (V大寫) or vue --version2. 安裝@vue/cli
npm install -g @vue/cli (ps: vue cli2的安裝方法 npm install -g vue-cli )
安裝全局橋插件,能兼容使用vue cli2
npm install -g @vue/cli-initcmd命令行創(chuàng)建項目 1. 快速創(chuàng)建一個新項目
vue create name (vue-cli2創(chuàng)建項目：vue init webpack name )2. 選擇配置
(1). 選擇配置,第一次創(chuàng)建項目,只有后面兩個,分別是默認(rèn)和手動自定義選擇。第一個是我創(chuàng)建過后保存的,這里選擇最后一個,手動選擇配置
(2). A全選,空格鍵選擇與取消,上下 移動
(3). 選擇css預(yù)處理器,這里是選擇less
(4). eslint校驗方式,這里選擇最后一個
(5). 什么時候進(jìn)行校驗,這里選擇每次保存的時候進(jìn)行校驗
(6). 把babel,postcss,eslint這些配置文件放哪。放在各自的配置文件里 or 放在package.json,這里選擇放在各自的配置文件里
(7). 把剛剛選擇的配置文件保存 or 不保存,保存之后就會出現(xiàn)在每次創(chuàng)建項目選擇配置時,這里選擇yes,然后取個配置的名字
(8). 按回車就開始下載@vue/cli框架,并初始化項目了
(9). 啟動項目
npm run serve (vue-cli2啟動項目：npm run dev)
切換項目目錄,運行,項目就啟動了
GUI界面創(chuàng)建項目可以在官方自帶的圖形界面上創(chuàng)建項目，運行項目
1.啟動GUI界面
vue ui
2.點擊創(chuàng)建新項目,輸入項目名字,包管理器選擇npm
3.選擇項目配置就可以下載@vue/cli,創(chuàng)建新項目了,這里選擇之前保存的
4.任務(wù)=>serve 點擊運行就可以相當(dāng)于啟動項目了 npm run serve 了, 可以點擊輸出查看控制臺結(jié)果
@vue/cli3搭建的新項目,沒有vue-cli2 的build和config文件夾
所以有什么配置可以在根目錄新建一個vue.config.js寫上配置項
這里是修改接口和關(guān)閉eslint檢查
module.exports = {
lintOnSave: false,
devServer: {
port: 8081
}
}
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/99722.html
摘要：因為項目技術(shù)架構(gòu)需要，要用進(jìn)行搭建，所以簡單的分享下如何優(yōu)雅的開始。第三步創(chuàng)建項目相對，創(chuàng)建就不是之前一大堆了。直接，是項目名字。但是個人建議，進(jìn)行多選，根據(jù)自己需要進(jìn)行選擇。根據(jù)提示，運行一把一下，跑起來的感覺很棒。 因為項目技術(shù)架構(gòu)需要，要用vue-cli 3.0進(jìn)行搭建，所以簡單的分享下3.0如何優(yōu)雅的開始。下面做一下簡單的介紹，希望可以幫到有需要的朋友。 vue-cli 3.0...
摘要：基于搭建的前端模板，本倉庫，即可搭建完成一個新項目的基礎(chǔ)模板，源碼地址，歡迎或特性預(yù)編譯語言，做了一定的封裝，詳見雪碧圖移動的適配方案引入了及，可以自由地用去開發(fā)常用的工具類引用全局注入相關(guān)的文件，如通用的及等常用的的集合支持 基于 vue-cli3 搭建的前端模板，clone 本倉庫，即可搭建完成一個新項目的基礎(chǔ)模板，源碼地址，歡迎 star 或 fork 特性 CSS 預(yù)編譯語言...
摘要：查看安裝是否正常回車后看到輸出當(dāng)前安裝的版本號，例如，即安裝正常通過以上步聚，說明已經(jīng)安裝完并能正常運行。再次用腳手架搭建項目第二步將模塊安裝完成后，就可以使用以下命令創(chuàng)建項目了。 前言 世間萬難 無非一拖二懶三不讀書 對 說的就是我 突然覺得這句話說的很對，自從上次寫完nodejs安裝及npm全局模塊路徑的設(shè)置已經(jīng)過去兩月有余，而我的vue框架學(xué)習(xí)也就止步于此。還是沒有給自己施加壓力...
閱讀 2478·2021-11-23 09:51
閱讀 1880·2021-10-13 09:40
閱讀 1402·2021-09-30 10:01
閱讀 605·2021-09-26 09:46
閱讀 2264·2021-09-23 11:55
閱讀 1422·2021-09-10 10:51
閱讀 2281·2021-09-09 09:33
閱讀 2243·2019-08-29 17:25
