windows下vue-cli及webpack搭建安装环境
作者：安树 发布时间：2024-04-27 16:06:39
1、安装Node.js，node.js安装包及源码下载地址为：https://nodejs.org/en/download/。
2、安装npm，由于新版的nodejs已经集成了npm，所以之前npm也一并安装好了。同样可以通过输入 "npm -v" 来测试是否成功安装。命令如下，出现版本提示表示安装成功:
$ npm -v
3.10.8
如果你安装的是旧版本的 npm，可以很容易得通过 npm 命令来升级，命令如下：
npm install npm -g
你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:
npm install -g cnpm --registry=https://registry.npm.taobao.org
这样就可以使用 cnpm 命令来安装模块了：
cnpm install [name]
3、安装vue-cil，vue-cil是vue的脚手架工具。其模板可以通过 vuejs-templates 来查看。
我们首先，需要安装vue-cil。命令如下：
npm install -g vue-cli
这个命令只需要运行一次就可以了。安装上之后，以后就不用安装了。
下面，我们来用vue-cil构建一个项目。
首先，我们在终端中把当前目录定位到你准备存放项目的地方。如我是准备放在E:\vue这个目录下面，那么先通过cmd命令进入这个目录，命令如下：
cd vue
进入到目录之后，我们按照下面的代码输入，新建一个自己的vue项目demo01
vue init webpack demo01
输入这个命令之后，会出现一些提示，是什么不用管，一直按回车即可。
如上图所示，就说明我们的项目构建成功了。并且，给出了下面要执行的命令，我们来逐条执行：
cd demo01
cnpm install
(这里用国内的阿里的cnpm安装比较快)
安装完成之后再运行命令：
npm run dev
执行后，CMD命令窗口如图：
说明项目跑起来了，在运行了npm run dev之后，会自动打开一个浏览器窗口，就可以看到实际的效果了。
来源：http://blog.csdn.net/ansu2009/article/details/53261410
0
投稿猜你喜欢
- 1. isset功能：判断变量是否被初始化 说明：它并不会判断变量是否为空，并且可以用来判断数组中元素是否被定义过
一、适配器模式适配器，顾名思义是一种万能的接口，达到万能转换的效果。适配器模式，定义一个适配器类，并且在该类中定义了适配器接口，这些适配接口- 每个JavaScript函数都有prototype属性(javascript对象没有这个属性)，这个属性引用了一个对象，这个对象就是原型对象
- PySnooper 是一个非常方便的调试器。如果您正在试图弄清楚为什么您的Python代码没有按照您的预期去做，您会希望使用具有断点和监视功
- Goland是JetBrains公司出品的一款开发Golang的工具。由于本人是JetBrains公司产品的重度使用者，好多都作为主力开发工
- 说到聚集索引，我想每个码农都明白，但是也有很多像我这样的猥程序员，只能用死记硬背来解决这个问题，什么表中只能建一个聚集索引，然后又扯到了目录
- 1.基于rbac的权限管理RBAC（Role-Based Access Control，基于角色的访问控制），就是用户通过角色与权限进行关联
- 凡事预则立，不预则废，训练机器学习模型也是如此。数据清洗和预处理是模型训练之前的必要过程，否则模型可能就废了。本文是一个初学者指南，将带你领
- 关于窗口函数的基础，请看文章SQL窗口函数许多常见的聚合函数也可以作为窗口函数使用，包括AVG()、SUM()、COUNT()、MAX()以
- 之前一直在写有关scrapy爬虫的事情，今天我们看看使用scrapy如何把爬到的数据放在MySQL数据库中保存。有关python操作MySQ
- 今天来记录下js来自定义鼠标右键，同样先来分解下它的实现原理：1、屏蔽右键默认事件；（一度我以为修改的就是默认事件）2、对一个ul的隐藏；（
- 什么是MD5？MD5信息摘要算法(英语:MD5 Message-Digest Agorithm)，一种被广泛使用的密码散列函数，可以产生出一
- 1.0 获取浏览器窗口坐标 python目录可找到Webdriver.py 文件定义了get_window_rect()函数，可获取窗口的坐
- 本文主要介绍了Python3.9.0a1安装pygame出错解决全过程，分享给大家，具体如下：解决方法先说一下经验教训：pygame最后终于
- 前言今天给大家带来的是Vue 3 中的极致防抖/节流（含常见方式防抖/节流）这篇文章，文章中不仅会讲述原来使用的防抖或节流方式，还会带来新的
- 内容摘要：ASP开发人员为了在他们的设计项目中获得更好的性能和可扩展性而不断努力。幸运地是，有许多书籍和站点在这方面提供了很好的建议。但是这
- 首先来描述下环境，在机器上有很多个JAVA程序，我们在每个JAVA程序里都配置了一个启动|停止|重启的脚本举个例子：我们现在要同时运行这些脚
- 在查看MySQL对文件的操作中，它在不同的操作系统上对文件的操作，除了使用标准C运行库函数，包括open、close、seek等，在Win3
- 需求：取文件1中的一行，和文件2中所有的数据进行比较，有相同的保存起来，否则删除。#!/usr/bin/perl#use strict;op
- 数据概况Fashion-mnist经典的MNIST数据集包含了大量的手写数字。十几年来，来自机器学习、机器视觉、人工智能、深度学习领域的研究
