IDEA創(chuàng)建Vue項(xiàng)目的兩種方式總結(jié)
更新時間：2023年04月05日 08:46:19 作者：IT__learning
這篇文章主要介紹了IDEA創(chuàng)建Vue項(xiàng)目的兩種方式總結(jié)，具有很好的參考價值，希望對大家有所幫助。
安裝好Vue運(yùn)行環(huán)境
１、下載安裝Node.js
２、安裝打包工具webpack
運(yùn)行CMD，安裝命令如下所示，其中， -g是全局安裝.
npm install webpack webpack-cli –g
輸入如下命令，若出現(xiàn)版本號，說明安裝成功。
webpack -v
創(chuàng)建Vue項(xiàng)目
首先，IDEA必須安裝Vue.js插件。
1、命令行方式（推薦）
（1）新建項(xiàng)目，選擇Static Web，并填寫項(xiàng)目名vue
（2）打開編輯器的Terminal，輸入vue init webpack myvue1（myvue1為模塊名）
（3）回答完下列問題，等待即可
（4）根據(jù)提示，如下輸入
（5）最終得到如下網(wǎng)址，訪問即可
2、使用Vue模板
新建項(xiàng)目，選擇Vue.js，一路按提示填寫即可
總結(jié)
以上為個人經(jīng)驗(yàn)，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue管理系統(tǒng)項(xiàng)目中的一些核心技能匯總
Vue是當(dāng)今增長最快的前端框架,Vue 平易近人、用途廣泛且性能卓越,它的語法非常直觀,并且具有友好的學(xué)習(xí)曲線,是開發(fā)人員最想學(xué)習(xí)的頂級前端庫之一,下面這篇文章主要給大家介紹了關(guān)于vue管理系統(tǒng)項(xiàng)目中的一些核心技能,需要的朋友可以參考下2022-05-05
本文主要介紹了Vue中this.$nextTick()的具體使用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-02-02
利用Vue.js+Node.js+MongoDB實(shí)現(xiàn)一個博客系統(tǒng)（附源碼）
本文主要介紹了利用Vue.js+Node.js+MongoDB實(shí)現(xiàn)一個博客系統(tǒng)，這個博客使用Vue做前端框架，Node+express做后端，數(shù)據(jù)庫使用的是MongoDB。實(shí)現(xiàn)了用戶注冊、用戶登錄、博客管理、文章編輯、標(biāo)簽分類等功能，需要的朋友可以參考學(xué)習(xí)。2017-04-04
vue-cli 3.x 配置Axios(proxyTable)跨域代理方法
今天小編就為大家分享一篇vue-cli 3.x 配置Axios(proxyTable)跨域代理方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
本篇文章主要介紹了Vue組件通信實(shí)踐記錄（推薦），小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要為大家詳細(xì)介紹了vue實(shí)現(xiàn)宮格輪轉(zhuǎn)抽獎，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
這篇文章主要介紹了解決Vue router-link綁定事件不生效的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-07-07
vue實(shí)現(xiàn)input輸入模糊查詢的三種方式
本文主要介紹了vue實(shí)現(xiàn)input輸入模糊查詢的三種方式嗎，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-08-08
這篇文章主要介紹了vue中eslintrc.js配置最詳細(xì)介紹，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
這篇文章主要介紹了vue實(shí)現(xiàn)動態(tài)按鈕功能，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-05-05