在新版本的Vue CLI中,可以使用npm來快速地新建Vue項(xiàng)目。若未安裝Vue CLI,請(qǐng)先執(zhí)行以下命令進(jìn)行安裝:
npm install -g @vue/cli
安裝完成后,在命令行中執(zhí)行以下命令:
vue create my-project
其中,“my-project”為項(xiàng)目名稱。執(zhí)行完畢后,可以看到以下提示:
Vue CLI v4.5.4
? Please pick a preset:
Default ([Vue 2] babel, eslint)
? Default (Vue 3 Preview) ([Vue 3] babel, eslint)
Manually select features
這里可以選擇使用哪個(gè)預(yù)設(shè)。默認(rèn)情況下,選擇第一個(gè)預(yù)設(shè)即可。
若需要在項(xiàng)目中使用Element UI等UI庫(kù),可以執(zhí)行以下命令進(jìn)行安裝:
npm install element-ui -S
然后在main.js中引入:
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);
至此,使用npm新建Vue項(xiàng)目并引入U(xiǎn)I庫(kù)的過程已完成。