Vue创建项目,使用Element-UI

归来还是少年

2019-07-02 1,515 阅读1分钟

vue项目的创建

vue init webpack XXX(项目名);

? Project name (这里填写项目名)

? Project descrption (这里填写的是项目的描述,不填就回车)

? Author (这里填写的是作者)

? Vue build ? Install vue-router? Yes (使用vue-router)

? Use EsLint to lint your code? No

? Set up unit tests No(测试相关)

? Setup e2e tests with Nightwatch? No (测试相关)

? Should we run `npm install` for you after the project has been created?(recommended)npm (使用npm 还是yarn)

启动项目

会提示你进入某个文件夹 cd XXX

npm run dev

以上vue项目创建完成。

使用Element-UI开

npm i element-ui -S

接着在main.js文件夹下

import Vue from 'vue'

import App from './App'

import router from './router'

import ElementUI from 'element-ui';

import 'element-ui/lib/theme-chalk/index.css';

Vue.config.productionTip = false

Vue.use(ElementUI);

new Vue({

el: '#app',

router,

render: h => h(App)

});

这样Element-UI就引入成功了