使用脚手架构建及配置Vue2.0+ElementUI项目
2017-10-22 00:29
1041 查看
下载并安装nodeJS
可到nodejs官网下载最新版本的nodeJS并安装。本人使用windows系统开发,以下步骤也是基于windows系统开发的。下载windows的zip版,解压缩后直接将得到的文件夹路径添加到系统path,打开cmd并输入
node -v,如果成功获取node版本号则表示安装成功。
使用npm搭建Vue项目
安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org
安装Vue 脚手架
cnpm install --global vue-cli
安装webpack
cnpm install webpack -g
创建一个webpack模板的新项目
vue init webpack my-project
进入项目,安装相关以来并运行项目
cd my-project cnpm install cnpm run dev
安装element-ui
在项目路径下,使用cnpm添加element-ui依赖(自动更新package.json文件)cnpm install element-ui --save-dev
在main.js中引入element-ui
import ElementUI from 'element-ui' import 'element-ui/lib/theme-default/index.css' Vue.use(ElementUI)
相关文章推荐
- vue 2.0开发项目中stylus 的配置和使用
- vue-cli脚手架构建Vue项目及相关配置
- vue项目如何使用nginx配置跨域
- vue2.0 仿手机新闻站(二)项目结构搭建 及 路由配置
- 饿了么项目---3、vue-router 2.0版本的使用
- vue2.0项目中使用Ueditor富文本编辑器示例
- vue2.0项目实战(2)使用 vue-cli 搭建项目
- 使用webpack配置vue项目代理 (超简单)
- 使用VUE2.0构建webpack项目
- 使用VUE-CLI构建一个项目基本的配置
- vue2.0项目中使用Ueditor富文本编辑器示例
- 项目回顾2-vue的初体验-在已有项目局部使用vue,无须额外配置
- vue2.0 配置build项目打包目录、资源文件(assets\static)打包目录
- vue2.0+elementui 兼容ie以及使用部分内容没有渲染成功
- vue2.0 使用vue-cli搭建的项目如何在index.html里引入静态css和js
- vue2.0项目中使用Ueditor富文本编辑器示例代码
- 齿科服务项目–前端vue-cli 多页面架构配置
- 前端架构之路:使用Vue.js开始第一个项目
- vue2.0实战之使用vue-cli搭建项目(2)
- 基于vue-cli的vue项目之axios的使用6--配置axios