vue2.0安装3.0安装,配置介绍功能模块
3.0配置
npm install-g vue/cli(安裝 vue/cli(Vue CLI 3的包名稱由vue-cli改成了 vue/cli)
vue-V(查看版本)
vue create項目名(vue create my_vue)(新建項目)
首先,會提示你選擇一個preset(預設):
如果沒有配置保存過,則只有以下兩個選項:
default(babel,eslint):默認設置(直接enter)非常適合快速創建一個新項目的原型,沒有帶任何輔助功能的npm包
Manually select features:手動配置(按方向鍵↓)是我們所需要的面向生產的項目,提供可選功能的npm包
?Check the features needed for your project:(Press<space>to select,<a>to toggle all,<i>to invert selection)
>()TypeScript//JavaScript的一個超集(添加了可選的靜態類型和基于類的面向對象編程:類型批注和編譯時類型檢查、類、接口、模塊、lambda函數)
()Progressive Web App(PWA)Support//漸進式Web應用程序
()Router//vue-router(vue路由)
()Vuex//vuex(vue的狀態管理模式)
()CSS Pre-processors//CSS預處理器(如:less、sass)
()Linter/Formatter//代碼風格檢查和格式化(如:ESlint)
()Unit Testing//單元測試(unit tests)
()E2E Testing//e2e(end to end)測試
2.0
#全局安裝vue-cli
$cnpm install--global vue-cli
#創建一個基于webpack模板的新項目
$vue init webpack my-project
3.0
vue create vue-spring-login-summed
cd vue-spring-login-summed(進入到項目根目錄)
npm i element-ui(添加element,一個element風格的UI框架)
?
總結
以上是生活随笔為你收集整理的vue2.0安装3.0安装,配置介绍功能模块的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 模糊综合评判法实现学生互评
- 下一篇: 互评