您的位置:首页 > 产品设计 > UI/UE

使用脚手架构建及配置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)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: