码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-01-12 19:03:34      阅读:148      评论:0      收藏:0      [点我收藏+]

标签:height   3.0   div   blog   tao   dev   web   lin   需要   

前言:

  在使用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开发环境的搭建:

 

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

标签:height   3.0   div   blog   tao   dev   web   lin   需要   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!