好奇的探索者,理性的思考者,踏实的行动者。
【vue-cli】
vue-cli 就是快速搭建一个 vue 项目的脚手架工具。
使用 VueCLI 可以快速搭建 vue 开发环境,以及对应的 webpack 配置
# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 进到生成的项目目录,安装依赖
npm install
# 运行
npm run dev
【ElementUI】
1.使用npm安装
推荐使用 npm 的方式安装,它能更好地和 webpack 打包工具配合使用。
npm i element-ui -S
2.在vue项目中引用
import Vue from 'vue';
import ElementUI from 'element-ui'; // 这里是elementUI的功能
import 'element-ui/lib/theme-chalk/index.css'; // 这里是样式文件
import App from './App.vue';
Vue.use(ElementUI); //这里引入
new Vue({
el: '#app',
render: h => h(App)
});
3.其他的插件使用也是类似的方式,先用npm安装插件,然后在vue中引入和初始化插件