IDEA創(chuàng)建Vue項目的兩種方式總結
安裝好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)根據提示,如下輸入
(5)最終得到如下網址,訪問即可
2、使用Vue模板
新建項目,選擇Vue.js,一路按提示填寫即可
總結
以上為個人經驗,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關文章
使用yarn?build?打包vue項目時靜態(tài)文件或圖片未打包成功的問題及解決方法
這篇文章主要介紹了使用yarn?build?打包vue項目時靜態(tài)文件或圖片未打包成功的問題及解決方法,解決方法不復雜通過實例代碼給大家介紹的非常詳細,需要的朋友可以參考下2023-08-08vue-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-12