最新消息:重新回归WordPress,我要比较认真的开始更新我的博客了。

大前端VUE.JS学习笔记

笔记 hanlei 1889浏览

自从出现node.js后,前端后端都分不清楚了。稍微了解VUE.JS后更是一团乱麻。跟着官方的文档建了一个项目,居然下载了那么多的模块,感觉压力好大。但是它的功能太吸引人了,最终还是决定先学学看。最终的目标是能使用VUX库。

建立VUE项目

最好还是在linux环境下开发,windows下试了试好像行不通。

首选安装nodejs,这些基础环境不说了。

安装vue

npm install vue-cli -g 

创建项目,直接创建vux项目,vue官方是创建的webpack项目,都一样,不懂。

vue init airyland/vux2 projectPath

cd projectPath
npm install --registry=https://registry.npm.taobao.org # 或者 cnpm install 或者  yarn
npm run dev #  或者  yarn dev

运行开发环境

项目目录下的package.json是项目的配置文件吧。里面有个scripts的配置项,配置的内容就是上面npm run dev命令运行的脚本,还有其它比如编译命令build.

默认调试只能本机访问,想要在调试的时候更换端口号通过外部IP访问,可以添加scripts项内dev后面的命令webpack-dev-server后面的参数如下:

"dev": "webpack-dev-server --host 0.0.0.0 --port 80 ....

监听所有本机IP的80端口,会要root权限,命令前要加sudo

 

转载请注明:HANLEI'BLOG » 大前端VUE.JS学习笔记