vue 开发环境搭建

Posted 流年之初,盛夏之末

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 开发环境搭建相关的知识,希望对你有一定的参考价值。

1.下载node.js 下一步安装完成。集成了npm包管理器,命令窗口检测node -v  npm版本

2.使用淘宝镜像 cmd运行  npm install -g cnpm --registry=https://registry.npm.taobao.org   提升安装包速度。

3.cnpm install cnpm -g  升级npm,npm版本大于3.0

4.cnpm install --global vue-cli    安装vue-cli命令行

5.vue init webpack "项目名称"   进入要创建项目的路径,指定路径,创建项目。

  回答一些问题,比如项目名称,项目描述,回车,选择下一项,可以都选Y。

6.然后运行cnpm install   安装项目依赖

7.cnpm install vue-router vue-resource --save   安装路由与网络模块

8.每次运行只能运行一个运行环境。进入项目 demo  运行命令:cnpm run dev.

以上是关于vue 开发环境搭建的主要内容,如果未能解决你的问题,请参考以下文章

搭建vue开发环境的步骤

搭建vue开发环境的步骤

工作环境标准:搭建前端 Vue 开发环境

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

一 vue开发环境搭建

vue利用webpack搭建开发,uat,生产三套环境