vue.js在windows10系统下的环境搭建

vue.js在windows10系统下的环境搭建流程

1、安装node.js(node包含了npm包管理器)

node.js安装包以及源码下载地址:https://nodejs.org/en/download/

注意:使用安装包(.msi)(作为小白的我,直接用了.exe,导致环境变量都不会自动配置,真的挺郁闷的)

下载下来以后可以直接双击安装,按照提示一步步安装。

详细的安装步骤可看网址:http://www.runoob.com/nodejs/nodejs-install-setup.html

到这里npm已经存在了,但是它涉及的资源可能有些是国外的,所以有时候会安装失败,所以我们使用国内的镜像cnpm

2、安装cnpm

详细资料网址:http://npm.taobao.org/

在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org,耐心等待安装,安装完成以后可以使用cnpm代替npm

完成后的示意图

完成以后根据vue官网(https://cn.vuejs.org/v2/guide/installation.html)上的安装进行剩余步骤的安装以及工程的创建

3、安装vue-cli脚手架构建工具,帮助搭建所需的模板框架

全局安装vue-cli:npm install --global vue-cli

4、开始创建项目

在cmd窗口中,跳转到你要创建项目的路径,然后输入:vue init webpack my-project(一个基于webpack模板的项目,my-project是项目文件夹的名称)

命令运行过程中会碰到一些项需要你选择(如果你不想填一些信息,直接回车默认就好),我有如下选项:

完成以后,你可以在电脑上打开这个项目文件夹,在文件夹里面会有一个 package.json文件,里面会包含一些依赖的资源,我们需要把这些资源下载下来

到项目文件夹目录,在命令行中输入:npm install  (我安装了cnpm,所以用了cnpm install)

安装完成以后,可以在项目文件夹里面看到node_modules文件夹

5、运行项目(测试搭建是否成功)

在命令行中输入:cnpm run dev    注意:还是在当前项目文件夹下

得到结果:

到这里环境搭建完成了

时间: 2024-12-10 03:33:49

vue.js在windows10系统下的环境搭建的相关文章

Win7系统下OGEngine环境搭建

OGEngine_环境搭建 前言 OGEngine开源引擎是一款开源免费.简单易学.高效实用的android游戏引擎,适用于不同层次不同专业的人员,降低广大用户在android平台上开发游戏的门槛.引擎可用于完整开发游戏框架,并提供了很多快捷.高性能的内存管理技术,同时支持第3方jar包接入,有无限的扩展性. 搭建WIN7系统开发环境 1.下载JDK,JDK8在windows xp下安装有点问题,所以在WIN7下安装.WIN7操作系统有32位和64位,分别要下载对应的JDK8版本 32位:jdk

node在Fedora 22系统下开发环境搭建

事实上,环境搭建在linux系统还是比較简单的,下载已经编译好的包,配置一下环境变量. 或者下载源代码,自己编译. 这里记录一下,主要是node版本号变化节奏很块的情况下.怎样配置一次环境变量就不要再配置了. 下载并解压node-v0.12.7-linux-x64二进制文件, 文件夹: [[email protected] node-v0.12.7-linux-x64]$ pwd /home/doctor/opt/node-v0.12.7-linux-x64 配置文件: [[email prot

Ubuntu系统下lnmp环境搭建和Nginx多站点配置

最近需要使用Ubuntu作为服务器搭建Lnmp环境,顺便将操作过程写下来,与大家分享.如有不足之处,欢迎大家提出不同意见.(本文默认读者已经熟悉相关linux命令的使用,比如创建文件和文件夹,编辑文件的命令等.) 操作系统:Ubuntu 15.10 本系统是新装的,所以没有Nginx.mysql和php环境.如果之前有装过这些环境的还得先把之前的软件先卸载. 一.安装MySQL 直接输入命令:sudoapt-get install mysql-server mysql-client 中间需要你输

windows系统下wampserver环境搭建(非集成)

在D盘下新建文件夹wampserver进入wampserver文件夹,在该文件夹下新建5个文件夹:Apache,mysql, php, www,  sessiontmp将Apache安装到Apache文件夹中将PHP解压到php文件夹中将mysql安装到mysql文件夹中 Apache2.2+PHP5.2.6+MySQL5.0的配置方法关键词: PHP    Apache    MySQL                                           配置apache服务器

Mac环境下服务器环境搭建

Mac系统下服务器环境搭建 (1) Apache(Web)服务器 WEB服务器也称为WWW(WORLDWIDE WEB)服务器,主要功能是提供网上信息浏览服务.Web服务器是可以向发出请求的浏览器提供文档的程序 (1) 服务器是一种被动程序:只有当Internet上运行在其他计算机中的浏览器发出请求时,服务器才会响应 (2) 最常用的Web服务器是Apache和Microsoft的Internet信息服务器IIS (3) Web服务器是一台在Internet上具有独立IP地址的计算机 (4) W

Linux系统下修改环境变量PATH路径的三种方法

比如要把/etc/apache/bin目录添加到PATH中,方法有三: 1.#PATH=$PATH:/etc/apache/bin 使用这种方法,只对当前会话有效,也就是说每当登出或注销系统以后,PATH 设置就会失效 2.#vi /etc/profile 在适当位置添加 PATH=$PATH:/etc/apache/bin (注意:= 即等号两边不能有任何空格) 这种方法最好,除非你手动强制修改PATH的值,否则将不会被改变 3.#vi ~/.bash_profile 修改PATH行,把/et

Linux系统下Jsp环境部署

-------本文大纲 简介 Jsp环境部署 Tomcat目录结构 SHOP++网上商城系统安装 --------------- 一.简介 JSP JSP(Java Server Pages)是由Sun Microsystems公司倡导.许多公司参与一起建立的一种动态网页技术标准.在传统的网页HTML文件(*.htm,*.html)中插入Java程序段(Scriptlet)和JSP标记(tag),从而形成JSP文件(*.jsp).简单地说,jsp就是可能包含了java程序段的html文件(由ja

RF+Appium框架自动化测试系列一之(Mac下Appium环境搭建)万事开头难

Mac下Appium环境搭建: 消失了3个月,有一段时间没来园子更新博客了,各位看官见谅哈哈,消失是因为TestYao刚换了工作环境没外网,好多笔记没能及时的记录分享,以后有时间慢慢补上吧,这段时间主要接触了移动端app的自动化测试,公司为了快速把移动端自动化这块搞起来,试用几款目前流行的工具,腾讯的xtest定制版.神州数码的自动化测试平台.开源rf+appium框架. 经过一段试用最终还是选择了rf+appium主要原因有: 1.开源,网上社区活跃 2.扩展性强,针对不同项目不同的需求,封装

[转帖]cocos2d-x 3.0rc开发指南:Windows下Android环境搭建

原文请看:http://blog.csdn.net/linzhengqun/article/details/21663341 鲜红字体请注意:文中红色字体乃是本文博主阳光下的蒲公英添加.红色字体部分造成的问题,本博主一概不负任何责任.其他字体的责任由原文作者负责.(本文博主是不是特别无节操了呢....O(∩_∩)O哈哈哈~) 安装工具 1. 配置JDK JDK下载地址:http://www.oracle.com/technetwork/java/javase/downloads/index.ht