Fork me on GitHub

自己搭建一个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.

 

posted @ 2018-02-23 11:08  森海轮回  阅读(226)  评论(0编辑  收藏  举报