最近在研究前端框架,发现vue是国人写的一个前端框架,自然就引起了强烈的爱国情怀,学习一下。
  • 先来安装一下node.js,如果没有安装的可以去官网下载对应的版本进行安装。

    clipboard.png

    安装完成后需要查看一下是否安装成功以及版本号是否与下载安装的一致。
    clipboard.png

  • 安装镜像,这里推荐安装淘宝的镜像。
    npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 安装webpack。
    cnpm install webpack -g

    • 根据模板创建项目,当然这里也可以使用HBuikder X(或者其他)工具进行项目的创建。
      vue init webpack-simple 你的项目名称
    • 使用HBuikder X创建项目:

      clipboard.png

    • 根据自己的需要修改相关的信息即可。

      clipboard.png

    • 需要安装依赖,需要一段时间。
      clipboard.png
      依赖安装过程:
      clipboard.png
    • 运行项目即可正常访问页面了。

      clipboard.png

      clipboard.png
      访问上面的两个地址都可以。

  • 进入创建好的项目中安装项目依赖。
    npm install
    clipboard.png
  • 启动项目
    npm run dev

    clipboard.png

这就是vue项目的创建过程,以后会继续分享vue和element的整合。


周兆东
107 声望21 粉丝

一个java小白的成长之路。。。