重拾vue.js之配置环境(一)

2018-12-27  本文已影响0人  ChenReal

前言

vue.js作为一个人气十足的前端框架,还是值得我们玩技术的去研究探寻一番的。
去年,我也曾用vue.js+sui mobile弄了一个微信公众号的webapp项目。代码在上线后没有怎么去维护了,加之前阵子重装了系统,基本对于vue也开始逐渐生疏了。
最近,因为波波同学老是吐槽我集成的后台UI框架还是JQ那一套老掉牙,完全跟不上主流,起码得来点react之类的,还能用于跨平台。于是,我有打算把vue重拾起来,顺便试试用vue做后台界面能否真正给开发人员和用户带来不一样的体验。

环境配置

1.node.js
其实,我个人是比较不喜这些依赖于node开发工具,一上来就是手脚架,感觉被绑架了一样。但又无可奈何,毕竟是主流,全世界都这么做,我也只能将就。
下载地址:https://nodejs.org/en/
2.npm
上一步安装node的时候可选
3.vue-cli
npm install --global vue-cli
安装完了之后,可以看看版本
vue -V

创建测试项目

1.创建空白项目
vue init webpack demo
安装选项有一个ESLint,使用来规范代码的,以前用过但发现规则太严格,少个空格都出warning,很蛋疼。所以,建议no。
2.创建了项目,拿出来跑一跑
cd demo
npm install
npm run dev
3.发布项目生成dist
npm run build

to be continue...

上一篇 下一篇

猜你喜欢

热点阅读