IDEA創(chuàng)建Vue項目的兩種方式總結(jié)
安裝好Vue運行環(huán)境
1、下載安裝Node.js
2、安裝打包工具webpack
運行CMD,安裝命令如下所示,其中, -g是全局安裝.
npm install webpack webpack-cli –g
輸入如下命令,若出現(xiàn)版本號,說明安裝成功。
webpack -v
創(chuàng)建Vue項目
首先,IDEA必須安裝Vue.js插件。
1、命令行方式(推薦)
(1)新建項目,選擇Static Web,并填寫項目名vue
(2)打開編輯器的Terminal,輸入vue init webpack myvue1
(myvue1為模塊名)
(3)回答完下列問題,等待即可
(4)根據(jù)提示,如下輸入
(5)最終得到如下網(wǎng)址,訪問即可
2、使用Vue模板
新建項目,選擇Vue.js,一路按提示填寫即可
總結(jié)
以上為個人經(jīng)驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
Vue手把手教你擼一個 beforeEnter 鉤子函數(shù)
這篇文章主要介紹了Vue手把手教你擼一個 beforeEnter 鉤子函數(shù),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-04-04使用yarn?build?打包vue項目時靜態(tài)文件或圖片未打包成功的問題及解決方法
這篇文章主要介紹了使用yarn?build?打包vue項目時靜態(tài)文件或圖片未打包成功的問題及解決方法,解決方法不復雜通過實例代碼給大家介紹的非常詳細,需要的朋友可以參考下2023-08-08詳解Jest結(jié)合Vue-test-utils使用的初步實踐
這篇文章主要介紹了詳解Jest結(jié)合Vue-test-utils使用的初步實踐,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2019-06-06vue-quill-editor二次封裝,實現(xiàn)自定義文件上傳方式
這篇文章主要介紹了vue-quill-editor二次封裝,實現(xiàn)自定義文件上傳方式,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03基于vue實現(xiàn)分頁/翻頁組件paginator示例
本篇文章主要介紹了基于vue實現(xiàn)分頁/翻頁組件paginator示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-03-03Vue Element-UI中el-table實現(xiàn)單選的示例代碼
在element-ui中是為我們準備好了可直接使用的單選與多選屬性的,本文主要介紹了Vue Element-UI中el-table實現(xiàn)單選的示例代碼,具有一定的參考價值,感興趣的可以了解一下2023-12-12Vue中的父子組件通訊以及使用sync同步父子組件數(shù)據(jù)
這篇文章主要介紹了Vue中的父子組件通訊以及使用sync同步父子組件數(shù)據(jù),對vue感興趣的同學,可以參考下2021-04-04