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

相关文章

来自专栏木子昭的博客

webpack多入口多出口的实现

对古老的网站进行维护, 短时间内用react或vue组件化重写全部页面不太现实,但用webpack做个打包, 还是可行性的, 配置好webpack多入口多出口,...

1224
来自专栏Python中文社区

突破反爬虫的利器——开源IP代理池

专栏作者简介 七 夜 信息安全研究人员,比较擅长网络安全、逆向工程、Python爬虫开发、Python Web开发。 博客园:http://cnblogs.co...

7289
来自专栏性能与架构

功能分离与功能降级

“高可用性”是架构设计中的重点目标,功能的分离与降级就是保证高可用性的常用方案 功能分离的思路是区分开 核心业务、非核心业务,让核心业务尽量不受非核心业务影响 ...

3645
来自专栏机器学习算法与理论

上传项目到自己的github仓库

1、首先建立本地的git文件夹 第一步:建立git仓库 cd到你的本地项目根目录下,执行git命令 git init 第二步:将项目的所有文件添加到仓库中 ...

2716
来自专栏花叔的专栏

关于“小程序跳转小程序”功能调整

即日起,若用户未点击小程序页面任意位置,则开发者将无法调用 wx.navigateToMiniProgram 接口自动跳转至其他小程序。

671
来自专栏Django Scrapy

Elasticsearch1.0 介绍

优势 开源,稳定,快速,可扩展 由 Java开发 基于 restful web接口与服务器交互的分布式搜索引擎 搜索引擎除了elasticsearch还有 s...

2765
来自专栏猿天地

hbuilder发布IOS采坑记录

APP开发完成后就得上线啦,在上线过程中遇到了一些问题,在这边记录下: 安卓这块没什么大的问题,主要就是不同的应用市场都会要求下载他们的加固工具进行加固操作,...

32910
来自专栏Youngxj

微信透明头像

2325
来自专栏区块链

Cookie窃取与欺骗

Cookie窃取与欺骗 实验准备: 1、xss平台(http://manshow.xyz/xss) 2、黑客:172.18.199.27 3、目标:172.18...

2090
来自专栏SAP最佳业务实践

SAP最佳业务实践:ETO–报价处理(232)-10创建项目版本

image.png CN72创建项目版本 项目包含询价阶段潜在客户的重要信息。该信息在技术销售部门和客户之间的每次联系过程中会经常更新。最终产品的总成本在此信...

2643

扫码关注云+社区