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