node+vue+mongodb

node和npm的安装及环境搭建
sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
image.png
<script src="https://unpkg.com/vue"></script>
#####第一个例子:
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Titel</title>
    <script src="https://unpkg.com/vue"></script>
</head>
<body>
    <div id = "app">
        <span>{{message}}</span>
    </div>
    <script>
        new Vue({
            el:"#app",
            data:{
                message:"hello vue"
            }
        })
    </script>
</body>
</html>

在用 Vue.js 构建大型应用时推荐使用 NPM 安装, NPM 能很好地和诸如 WebpackBrowserify 模块打包器配合使用。 Vue.js 也提供配套工具来开发单文件组件

# 最新稳定版
$ npm install vue

命令行工具(CLI)
Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目:

# 全局安装 vue-cli
$ npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖,走你
$ cd my-project
$ npm install
$ npm run dev
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png

mode:'hash','history'

image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png
image.png

图片懒加载 vue-lazyload

image.png
image.png
image.png
cnpm i -g expree-generator
express --version
node bin www.js#启动
image.png
image.png
image.png
image.png

image.png

image.png
image.png

推荐阅读更多精彩内容

  • 转载 :OpenDiggawesome-github-vue 是由OpenDigg整理并维护的Vue相关开源项目库...
    果汁密码阅读 22,107评论 8 125
  • 夏天的第一场雨 来的快 去的也快 山林都被洗净 从庙里出来 向山下望去 绿意盎然 布谷鸟在枝头雀跃着 仿佛在庆祝着...
    智商那个333阅读 66评论 0 0
  • 今天下午的雨下的很过瘾,但是气温还是不凉快,湿闷的很,儿子从托付班回来,一进门就要完成语音作业,可是我的手机坏了...
    博硕妈阅读 50评论 0 0