vue 单页项目教程--微信公众号(第一站部署环境)

来源:互联网 发布:商标图形设计软件 编辑:程序博客网 时间:2024/06/02 01:59

一,npm
1,首先要安装node,其实并不需要太多的node.js知识。主要要用到npm。
网上有很多安装教程例如:http://www.runoob.com/nodejs/nodejs-install-setup.html
2,打开cmd,输入npm -v 确保版本npm>= 3.0.0,
3,最好安装淘宝镜像。速度够快。当然你不想用也行。
命令: npm install -g cnpm –registry=https://registry.npm.taobao.org

二,UI框架vux;
一开始打算用weex,恰逢2016年尾的新项目,项目还没做到三分之一,weex改版了。突然官网的api都没有了。当时整个人都不好了。赶项目,弃之。
后来选用vux,https://vux.li/#/
1,vux和vuex的区别。名字看起来很像其实是两种东西。
Vux(读音 [v’ju:z],同views)是基于WeUI和Vue(2.x)开发的移动端UI组件库,主要服务于微信页面。
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,说白了就是一个存数据的。后面我们也会用到。api网站:
https://vuex.vuejs.org/zh-cn/intro.html

2,安装使用
新建一个文件夹,在文件夹里按shift右键 ,选择在此处打开cmd。输入命令:
npm install vux –save
上面其实安装的是一些基础的东西。而库node_modules才是大头。
然后继续 输入:npm install;会有些慢。我用cnpm install(淘宝镜像)快一些。

结果:
这里写图片描述

成功后再输入命令:
npm run build
网页就起来了。环境部署完成。

提示:
package.json 就是要node_modules 里的东西不要手动改。

0 0
原创粉丝点击