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

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

相关文章

  • vuejs环境配置

    单独的vuejs文件,点击 此处 下载 通过npm命令安装vuejs在用 Vue.js 构建大型应用时推荐使用 N...

  • NodeJs、VueJs入坑

    NodeJs、VueJs入坑 Windows安装使用: NodeJs常用配置或者命令: 配置Vue环境 Eslin...

  • vue-url

    https://cn.vuejs.org/ [使用 Weex 和 Vue 开发原生应用] 1 如何配置开发环境

  • Vuejs(一)Mac下环境配置

    最近项目慢了下来,闲来无事,试着配置了一下Vuejs的环境,还是比较愉快的体验,在这里记录一下 首先我们要安装np...

  • 使用vue-router切换组件

    https://router.vuejs.org/ vue路由配置:

  • vue3初始化项目

    官方文档 https://cli.vuejs.org/[https://cli.vuejs.org/] 1、环境配...

  • Vuejs开发环境搭建

    其他文章Vuejs的生命周期函数vue-router配置vue模板语法vue计算属性和侦听器vue Class与S...

  • vuejs开发环境搭建

    1.使用cnpm (gzip 压缩支持) 命令行工具代替默认的 npm 2.查看cnpm版本 3.通过cnpm安装...

  • vuejs开发环境搭建

    vue开发环境搭建(官方推荐命令) 必须有node环境 1.创建&启动项目(webpack创建) 2.创建&启动项...

  • [vue,git]vuecli3 添加githooks,代码提交

    vuecli githooks配置官方链接[https://cli.vuejs.org/zh/guide/cli-...

网友评论

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

本文标题:vuejs环境配置

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