vue + element-ui

作者: 记录学习生活 | 来源:发表于2018-11-13 11:20 被阅读0次

本地需要的环境

nodejs

官方下载地址:http://nodejs.cn/download/ 根据系统下载相应安装包 安装自行查看其他资料(其实就是安装.exe之后跟着下一步走)

打开cmd命令行,输入node -v,如果出现如下图的显示,说明已经安装正确。


安装webpack

npm install webpack -g

-g 表示安装为全局

-D为在开发环境的安装

安装 vue-cli

安装 vue 脚手架项目初始化工具 vue-cli

npm install vue-cli -g

淘宝镜像

npm使用的国外中央仓库,下载速度较慢,有的时候还会有部分文件被墙掉。

安装淘宝镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装好淘宝镜像后可以实用cnpm 代替npm。如cnpm install webpack -g。

创建项目

vue init  webpack +项目名称

(除了用 cmd 唤出命令窗口在定位到工作目录还可以直接到目录文件夹下按住shift+右键 打开Powershell窗口)

运行vue

npm run dev

成功之后可以访问访问localhost:8080(端口号可以自行修改,项目目录下的config-index.js)

安装element-ui

npm i element-ui -S

到官网查看 安装具体方法

引入element-ui


现在可以进行开发了

补充下:上面截图之所以少是因为项目已经搭好我不想在弄一遍(懒了)

相关文章

网友评论

    本文标题:vue + element-ui

    本文链接:https://www.haomeiwen.com/subject/wvtffqtx.html