vuejs环境配置

作者: webCoder | 来源:发表于2016-01-29 11:51 被阅读8623次
    • 单独的vuejs文件,点击 此处 下载
    • 通过npm命令安装vuejs
      在用 Vue.js 构建大型应用时推荐使用 NPM 安装,NPM 能很好地和诸如 WebpackBrowserify 的 CommonJS 模块打包器配合使用。(以下操作全在命令行中)
    # 最新稳定版本
    $ npm install -g vue  全局安装
    # 最新稳定 CSP 兼容版本
    $ npm install vue@csp
    

    快速搭建大型单页应用

    # 全局安装 vue-cli
    $ npm install -g vue-cli
    # 创建一个基于 "webpack" 模板的新项目
    $ vue init webpack project-name
    # 安装依赖
    $ cd project-name
    $ npm install
    $ npm run dev 启动项目
    

    通过上面的一系列命令,我们便成功启动了项目,这时我们可以在浏览器中输入:

    http://localhost:8080/
    

    然后就可以看到下面的界面:

    hell0-vuejs.png

    我们再看看项目结构

    项目结构.png

    好了,我们的环境搭建到这里就结束了。

    相关文章

      网友评论

      • 命若弦_T:大佬现在Node js 前景咋样的
      • 小世界最温暖:快速搭建的时候为啥会报错呢,最后一步npm run dev,下面一堆警告,页面也出不来
      • 水豆:大大们,请教一下。
        在配置$ npm install -g vue-cli的时候
        提示 npm WARN deprecated minimatch@0.3.0 该怎么解决
        网上说的install minimatch用了还是一样跳出WARN
        下一步vue init的时候
        提示vue不是内部或外部命令改怎么办。。。
        水豆:找到原因了。。。修改NPM全局安装模式的路径就行了。。。
        水豆:@webCoder 搜过了额。。没找到原因。。 我重装一下试试
        webCoder:@水豆 你网上搜搜那个报错呢 我这没遇到这问题

      本文标题:vuejs环境配置

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