vue-cli就是Vue的脚手架工具,他帮助我们搭建基本的开发环境,利用它可以搞定项目目录,本地调试,单元测试及代码部署等等。
一、创建项目
参考网址(vue如何新建一个项目(超详细哦)) https://www.jianshu.com/p/02b12c600c7b
1、安装 vue-cli
cmd
npm install vue-cli -g
2、cmd,进入要创建文件的位置
例如我要在桌面上创建一个文件夹,则
-------> cmd – cd Desktop
3、 因为已经安装了 node.js npm 则直接创建项目
-------> vue init webpack 项目名称
3.(可选) 根据提示运行项目
------> cd 项目名称
(可选) -------> npm install
-------> npm run dev
二、项目引入element ui
1、npm安装 element ui
cmd到在当前项目位置
------> npm i element-ui -S
安装成功后项目的 node_module 中会有 element-ui
2、main.js 入口文件引入 element-ui
import ElementUI from ‘element-ui’
import ‘element-ui/lib/theme-chalk/index.css’ (切记引入 css 样式文件)
Vue.use.(ElementUI) //为vue实例挂载 elemett-ui以在vue中引用组件