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 条评论
登录 后参与评论

相关文章

来自专栏猿天地

内网穿透工具-ittun

相信大家在工作和学习都避免不了快速外网调试。比如微信支付、支付宝支付,消息推送,短信发送,邮件发送等等。都需外网能访问你本地服务器进行调试。 软件下载地址:h...

4048
来自专栏前端小栈

利用Hexo+coding搭建博客,优化github博客打开速度

上次用hexo和github上搭建博客后,用了几天发现博客搭建在github上有一定的局限:

1012
来自专栏Rainbond开源「容器云平台」

好雨云帮每周更新日志(2017.02.13~2017.02.19)

985
来自专栏刺客博客

基于宝塔面板开发半自动ssrpanel一键脚本

9343
来自专栏Flutter&Dart

DartVM服务器开发(第九天)--Aqueduct环境搭建

运行pub global activate aqueduct命令(运行之前,请确保科学上网或设置代理)

1123
来自专栏魏艾斯博客www.vpsss.net

如何使用 MAMP 快速搭建 php 环境

2205
来自专栏小车博客

使用Plik搭建一个临时文件上传系统,自定义时长/下载即摧毁

说明:Plik是一个基于golang的可扩展且友好的临时文件上传系统。上传者可自定义文件保留时长,设置下载密码,允许上传者随时删除文件,设置下载一次就自动删除,...

1292
来自专栏运维技术迷

Linux VPS安装图形化界面

一早就想着给VPS安装一个图形化界面,方便做Vagex网赚,但一直忙于工作,没有腾出手来做这些东西。今天闲下来了,就捣鼓了一下。 首先使用的是网上的一键安装命...

49211
来自专栏娱乐心理测试

如何新建一个vue项目(图文详解)

作为一个几年IOS开发经验的移动端程序猿来说,已经感到很大的危机感,不得不学习新的东西,选择了在众多框架中脱颖而出的vue作为学习的目标。

653
来自专栏DHUtoBUAA

Linux 快捷键汇总(偏基础)

  自己最近才搭上Linux末班车,有一种想见恨晚的感觉,完全给你一种快速清爽的感觉!   因为需要,所以学习,记录自己在使用Linux系统上的点滴,偏基础! ...

2534

扫码关注云+社区