专栏首页软件windows环境安装vue-cli及webpack并创建VueJS项目

windows环境安装vue-cli及webpack并创建VueJS项目

1. 安装node.js, Node.js安装包及源码下载地址为:https://nodejs.org/en/download/。

这次node.js不是主角,默认已安装好了,通过npm –v查看node.js是否安装好以及安装的node.js版本

如果你安装的是旧版本的 npm,可以通过 npm 命令“npm install npm -g”来进行版本升级。

因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,如果npm的服务器在中国就好了,在此我们要感谢万能的淘宝啊,因为我们乐于分享的淘宝团队干了这事。

所以我们可以使用淘宝定制的 cnpm(gzip 压缩支持) 命令行工具代替默认的 npm;

npm install -g cnpm --registry=https://registry.npm.taobao.org

这样就可以使用 cnpm 命令来安装模块了:cnpm install [name] 。

2. 安装vue-cil,因为是全局安装,所以只需要运行一次就可以了。安装成功后,以后不必再安装,安装命令如下:

npm install -g vue-cli

3. 用vue-cil构建项目

3.1 把当前目录定位到项目存放目录

3.2 新建一个自己的vue项目“饿了么sell”

3.3 项目构建成功后,按照上一步给出的提示命令,往下面一步步执行

(使用npm命令时,过程比较缓慢,可以使用cnpm来代替,使用方法将npm install换成cnpm install即可,我这里使用的是npm)

3.4 运行了npm run dev之后,会自动打开一个浏览器窗口,在地址栏中输入http://localhost:8080,即可看到创建的项目运行的效果:

本文来自企鹅号 - 全球大搜罗媒体

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 深入 Vue2.x 的虚拟 DOM diff 原理

    vdom 因为是纯粹的 JS 对象,所以操作它会很高效,但是 vdom 的变更最终会转换成 DOM 操作,为了实现高效的 DOM 操作,一套高效的虚拟 DOM ...

    serena
  • 腾讯工程师们怎么玩 Vue.js?

    Vue.js 是国人尤雨溪开发的一套前端框架。从去年开始,就火遍了国内外。本文精选了腾云阁中分享的相关优质技术文章,从入门、实战、源码、优化等多个方面进行了阐述...

    云加社区专栏
  • Vue.js前后端同构方案之准备篇:代码优化

    目前Vue.js的火爆不亚于当初的React,本人对写代码有洁癖,代码也是艺术。此篇是准备篇,工欲善其事,必先利其器。我们先在代码层面进行优化,对我们完成整个技...

    王鹤
  • Reactjs vs. Vuejs

    对于近期关注度最高的 React 和 Vue,想在这里谈谈两个框架在开发风格上的差异。Vue 升级到 2.0 之后新增了很多 React 原有的特性,我的理解是...

    纪俊
  • 【腾讯云的1001种玩法】centos 7 部署 dotnetcore + Angular2 实践

    本文主要讲述了使用腾讯云主机,在centos 7 部署 dotnetcore + Angular2 的实践过程,该项目目前只是用于学习 dotnetcore ...

    屈政斌
  • vue.js 初体验:Chrome 插件开发实录

    通过一个Chrome插件的开发,来领略下vue.js的魅力。顺便也来了解下Chrome插件开发的一些基本知识。在日常工作中,开发一些小工具可以大大的提高我们的工...

    陈纬杰
  • Webpack + vue 之抽离 CSS 的正确姿势

    大部分使用过webpack的朋友都知道,抽离css需要使用到webpack的插件extract-text-webpack-plugin,vue也不例外。

    easonxie
  • Vue.js 2.0源码解析之前端渲染篇

    Vue.js框架是目前比较火的MVVM框架之一,简单易上手的学习曲线,友好的官方文档,配套的构建工具,让Vue.js在2016大放异彩,大有赶超React之势。...

    王鹤
  • Vue.js动画在项目使用的两个示例

    vue.js在2016年大放异彩,我们 Qlippie 直播平台进来使用vue.js开发了一些页面,效果拔群,在这里跟大家分享在项目中用vue.js开发的两个动...

    李萌
  • HTTP/2 探索第一篇:概念

    现在网络优化的瓶颈是什么?你可能会说,带宽。也许在2014年前,决定性能的关键是带宽,但是在今天以及以后,瓶颈都不会是带宽,而是延迟。

    小时光

扫码关注云+社区

领取腾讯云代金券