自己搭建一个vue项目
上班,刚过年不忙,抽时间学习下vue
1.先搭建环境http://www.cnblogs.com/beimingbingpo/p/7929617.html
测试失败,遇到bug,发现vue init webpack-simple会新建一个文件夹,接下来的命令要进入新文件夹中,在输入
npm run dev测试,成功跑起来。
2.修改首页,加入
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no,minimal-ui">
<!--以下两个链接是框架字体相关的-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
3.引入router,store,museui,axios
cnpm i axios --save
cnpm i muse-ui --save
npm install vuex --save
npm install vue-router --save
https://www.jianshu.com/p/df464b26ae58
https://github.com/museui/muse-ui
https://vuex.vuejs.org/zh-cn/installation.html
https://router.vuejs.org/zh-cn/installation.html
在安装 npm 包时,有两种命令参数可以把它们的信息写入 package.json 文件,一个是npm install --save另一个是 npm install –save-dev,他们表面上的区别是--save 会把依赖包名称添加到 package.json 文件 dependencies 键下,--save-dev 则添加到 package.json 文件 devDependencies 键下
4.写main页面引入所需要的
5.