vue

Vue环境搭建

Vue学习系列-环境搭建

Posted by Hyuga on July 24, 2019

前言

近期有个项目要二次开发,后端换了架构后,返回的对象格式变了,导致前端无法获取到数据,原项目非前后端分离。

原先是用的easyUI,比如分页对象的处理都是定死在jquery.easyui.js里面,太难受,趁着这个机会,学习下vue吧。

环境搭建

本人用的是Mac OS.

安装node

这个我之前好像装过了,具体步骤自行百度。

安装完成后,检查是否安装成功。

node -v

安装淘宝npm镜像

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

安装全局vue-cli脚手架

cnpm install --global vue-cli

新建项目

vue init webpack my-project-first

按需要选择y/n进行植入相关的组件

在执行上述指令的目录下,可以看到刚生成的新项目

进入项目目录

cd my-project-first

安装依赖

cnpm install

运行项目

cnpm run dev

修改启动端口

cd my-project-first/config/index.js

port改成你想要的端口即可!