使用Vue ui （可視化）創(chuàng)建Vue項目
首先打開電腦硬盤上隨便一個文件夾
我這里是用E盤做的演示
打開E盤后，輸入cmd（我這里是E盤根目錄，如果不想用根目錄可以新建文件夾）
cmd的位置，當(dāng)然要是新建文件夾后，cmd也是在這里輸入
輸入好cmd以后會彈出一個終端
在終端上輸入 vue ui
如果敲了回車不生效
不要著急我來教你解決
先Vue -h檢查一下
此時Commands中少了一個ui的相關(guān)信息
在控制面板中運行一下兩行命令：
npm uninstall vue-cli -g //卸載老版本
npm install @vue/cli -g //安裝新版本
操作完成以后再一次的vue -h檢查一下，此時你會發(fā)現(xiàn)Commands中多了一個ui的相關(guān)信息
接下來回到我們創(chuàng)建項目的那個控制面板中輸入 vue ui命令
成功了，我們成功解決vue ui失效
接下來會自動彈出一個頁面
點擊創(chuàng)建
這就是創(chuàng)建項目的面板（帶領(lǐng)大家認識一下）
- 項目文件夾：說白了就是你項目叫什么名字，這里建議大家都起全英文的名字
- 緊挨著的就是項目的存放路徑
- 包管理器：不用管，默認就好
- 更多選項：一般也不用管
-
覆蓋提交信息（選填）：我們在這里填一下 init project
以下是我填完的（僅供參考）填完以后，點擊下一步
會進入到預(yù)設(shè)這個面板
選擇一套預(yù)設(shè)（我點擊的是手動添加預(yù)設(shè)，都可以點擊，為了詳細教學(xué)我選擇手動添加）點擊下一步
會進入到功能這個面板
簡單理解為就是你在項目中用到的東西
在這里我選擇了三個（如果項目中用到VueX就選上，沒用到可以暫時不選）
Router：Vue中的路由
Linter/Formatter：可以讓你的代碼寫的更嚴謹一些，通常是用來做報錯提醒的
使用配置文件：將插件的配置保存在各自的配置文件中
點擊下一步
會進入到配置面板
Choose a version of Vue.js that you want to start the project with：
你想用Vue的那個版本，這個就看大家的需求了（在這里我選擇的是Vue2）
Use history mode for router? ：就默認讓它關(guān)閉就可以
Pick a linter / formatter config:：代碼的書寫風(fēng)格（我們建議選擇第三個。 ESLint + Standard config）
Pick additional lint features： 一般不用管（或者兩個都選擇，看個人情況吧）
點擊創(chuàng)建項目
會彈出一個保存為新的預(yù)設(shè)（給他起個名字就行）點擊保存預(yù)設(shè)并創(chuàng)建項目，等待一會就可以了。
當(dāng)項目創(chuàng)建成功并提示后，打開我們創(chuàng)建項目的文件夾，看一下
E盤根目錄，確實有了我們創(chuàng)建的項目
再打開可視化面板（以下就是項目創(chuàng)建成功后的可視化面板）
可以在插件，依賴中下載你想用到的，就可以了文章來源：http://www.zghlxwxcb.cn/news/detail-421856.html
運行項目
第四步：啟動app，就可以看到你新建的項目頁面
以上就是用Vue ui（可視化）創(chuàng)建項目的大體步驟，歡迎各位大佬學(xué)習(xí)指導(dǎo)！文章來源地址http://www.zghlxwxcb.cn/news/detail-421856.html
到了這里，關(guān)于使用Vue ui （可視化）創(chuàng)建Vue項目的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
