Vue创建项目,使用Element-UI
欢迎来到阿八个人博客网站。本 阿八个人博客 网站提供最新的站长新闻,各种互联网资讯。 喜欢本站的朋友可以收藏本站,或者加QQ:我们大家一起来交流技术! URL链接:https://www.abboke.com/jsh/2019/0703/5195.html 1190000019640970
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就引入成功了