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

Posted 皮皮是只公喵

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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开发环境的搭建:

 

以上是关于vue_使用npm搭建vue2.0脚手架开发环境的主要内容,如果未能解决你的问题,请参考以下文章

Vue2.0搭建Vue脚手架(vue-cli)

Vue开发环境的搭建

Vue2.0+Node.js+MongoDB 全栈打造商城系统

Get全栈技能点 Vue2.0/Node.js/MongoDB 打造商城

vue2.0配置环境以入门实例

vue2.0配置环境以入门实例