vue_使用npm搭建vue2.0脚手架开发环境

前言:

  在使用vue进行开发时需要搭建vue的运行环境,这里主要是使用淘宝镜像cnpm进行搭建vue的脚手架开发环境。主要是分为mac和window两个版本,两个环境的搭建都是大同小异。

mac开发环境的搭建:

1.安装Node.js(这个只需要去nodeJS官网下载安装就可以了)

以下的命令都是在终端输入

2.在电脑终端使用命令 node -v 检查版本(检查安装成功)

3.安装淘宝npm镜像 sudo npm install -g cnpm --registry=https://registry.npm.taobao.org

4.检查版本(检查安装成功) npm -v  cnpm版本要大于3.0

5.安装脚vue脚手架 sudo cnpm install -g vue-cli

6.在【终端】输入cd,将你的目标文件拖到【终端】cd后一定要空格

7.新建vue项目,出现任何提示回车。 sudo vue init webpack vuedemo

8.在【终端】输入cd ,将你vuedemo文件拖到【终端】

9.【在新建vue项目】执行 sudo cnpm install

10.【在新建vue项目】 sudo cnpm run dev(运行搭建的vue项目,每次想运行项目的时候只需要在对应目录终端输入这个命令就可以了)

这样就搭建好了开发环境

windows开发环境的搭建:

原文地址:https://www.cnblogs.com/wush-1215/p/8277259.html

时间: 2024-11-05 13:40:10

vue_使用npm搭建vue2.0脚手架开发环境的相关文章

MiS603开发板 第十章 USB2.0 CY7C68013A 开发环境搭建

作者:MiS603开发团队 日期:20150911 公司:南京米联电子科技有限公司 论坛:www.osrc.cn 网址:www.milinker.com 网店:http://osrc.taobao.com EAT博客:http://blog.chinaaet.com/whilebreak 博客园:http://www.cnblogs.com/milinker/ MiS603开发板 第十章 USB2.0 CY7C68013A 开发环境搭建   CY7C68013A是Cypress公司推出的稳定,易

【Cocos2D-X 学习笔记】Cocos2D-x 3.0+VS开发环境搭建[使用Python]

上一节讲了如何用VS自带的项目管理器创建项目,该方法只适用于cocos2d-x 2.0版本,而cocos2d-x 3.0较之前版本在命名等方面有了较大更新,而cocos2d-x3.0不再支持用VS项目管理器自建项目,而是用Python脚本创建项目. 为什么做这种改变?经过上一节讨论可以发现,使用VS创建项目有一个缺陷:新建的项目必须在cocos2d-x的解决方案中,这样会导致自己的项目和Template项目混淆:如果想单独创建一个项目的话,又需要把cocos2d-x包中的cocos2d文件整个拷

搭建eclipse的nodejs开发环境图解

搭建eclipse的nodejs开发环境图解 我们在前面的文章中学习了nodejs如何使用,以及一些基础理论. 工欲善其事必先利其器,这篇文章主要是教搭建eclipse的nodejs开发环境. Q:谁适合阅读此文章?A:已经非常熟练使用eclipse的开发者. [注意:前提是你已经安装了nodejs.exe] 首先,我们需要下载一个eclipse,我这里下载的是目前的最新版本. [下载eclipse Standard 4.3.1 (32位)]http://www.eclipse.org/down

搭建Ubuntu C&C++开发环境[GCC & Clang & Intel for x86 & amd64]

我的搭建环境是VMware 10.0.4 + Lubuntu 14.04,选择Lubuntu这个发行版是因为它相比Ubuntu更轻巧,使用LXDE桌面环境(未来可能使用LXQT),64Bit开机内存占用300多MB,而Ubuntu在600MB左右.安装完硬盘占用也会小很多,用于开发测试分配1.5GB内存足够了.需要注意VMware 10的vmware-tools不能完全支持Ubuntu 14.10,安装后不能在/mnt找到主机共享的文件夹,其它图形驱动神马的倒是没有问题.VMware版本对应的客

在Windows7上搭建Cocos2d-x 3.2alpha0开发环境

在windows7上搭建COCOS2D-X开发环境并不难, 但是由于框架更新过快,很多用户都有困难.我希望你们认为这个教程有用. 建议:为了避免安全相关的问题,请以管理员权限执行所有的操作,当运行命令的时候,也要确保之前是以管理员权限打开了命令行窗口. 工具准备 搭建开发环境需要安装工具包括 Visual Studio python ———(本教程以python2.7.3版本为例),下载地址:http://www.python.org/download/releases/2.7.3/. Coco

搭建 AngularJS+Ionic+Cordova 开发环境并运行一个demo

目前的手机APP有三类:原生APP,WebAPP,HybridApp:HybridApp结合了前两类APP各自的优点,越来越流行. Cordova就是一个中间件,让我们把WebAPP打包成HybridAPP,并且它提供了非常多的插件,方便我们使用原生APP的功能. Ionic是一个界面样式库,仿照原生的ios和android界面:同时它是基于AngularJs的. 本文我们在win7中搭建 AngularJS+Ionic+Cordova 开发环境,包括所涉及的Node.js.Cordova CL

搭建Cocos Code IDE开发环境

搭建Cocos Code IDE开发环境 Cocos Code IDE是Cocos2d-x团队开发的,用于开发Cocos2d-JS和Cocos2d-x Lua绑定的游戏工具,它是基于Eclipse[ Eclipse 是一个开放源代码的.基于Java的可扩展开发平台.就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境.幸运的是,Eclipse 附带了一个标准的插件集,包括Java开发工具(Java Development Kit,JDK).——引自于百度百科 http://bai

Setting up a EDK II build environment on Windows and Linux:搭建Windows和Linux开发环境[2.2]

Setting up a EDK II build environment on Windows and Linux:搭建Windows和Linux开发环境[2.2] 2015-07   北京海淀区  张俊浩 2. Setting Up EDKII Development Environment(EDKII开发环境的搭建) ->2.1The General Procedure Of Setting Up EDKII Development Environment(搭建EDKII项目的通用流程)

搭建 webpack、react 开发环境(一)

基本介绍 Webpack 是一个前端资源加载/打包工具.它将根据模块的依赖关系进行静态分析,然后将这些模块按照指定的规则生成对应的静态资源,它可以将多种静态资源 JavaScript.css.less 等转换成一个静态文件,减少了页面的请求. React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,它是一个用于构建用户界面的 JAVASCRIPT 库,主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图).由于拥有较高的性能,代码逻辑非常简单,所以