自从出现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学习笔记