美文网首页
node+vue+mongodb

node+vue+mongodb

作者: 逗比punk | 来源:发表于2017-07-22 19:48 被阅读93次
    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

    相关文章

      网友评论

          本文标题:node+vue+mongodb

          本文链接:https://www.haomeiwen.com/subject/bbgtkxtx.html