VueJs开发环境搭建

点击上方“PM小曹”，选择“设为星标”

关键时刻，第一时间送达！
PM小曹
管理|技术|心得|段子

  vueJS是基于nodeJS中的npm来做配置所以，首先得配置nodeJS，相关的配置直接去nodejs官网下载需要的安装包即可。
1、安装node  https://nodejs.org/en/由于有些npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候失败，

所以有时候还需要npm的国内镜像---cnpm。

在命令行中输入：npm install -g cnpm --registry=https://registry.npm.taobao.org回车，

大约需要2分钟，如果报错或没反应，则卸掉node.js重新安装。

2、安装Git https://git-scm.com/download/win，可以去官网选择自己适合的版本进行下载安装。3、安装全局vue-cli脚手架，用于帮助搭建所需的模板框架(vueJS脚手架，快速开发项目构建，能快速开发项目）。　　输入命令：cnpm install -g vue-cli回车等待完成  -g是全局安装

4、创建项目首先我们要选定目录，然后在命令行中把目录转到选定的目录，假如我们打算把项目新建在d盘下的vue文件夹中则输入下面的命令：d:回车，然后cd vue，然后输入命令：vue init webpack 项目文件夹名称，回车，运行初始化命令的时候会让用户输入几个基本的选项，如项目名称，描述，作者等信息，如果不想填直接回车默认就好。(回车+N键就完成了)。

5、安装项目所需的依赖包

首先输入：cd 项目名回车，然后输入：npm install回车等待安装，

安装完成之后，项目目录helloword文件夹中多出一个node_modules文件夹，这里边就是我们项目需要的依赖包资源。

安装完依赖包之后，就可以运行整个项目了。

6、测试环境是否搭建成功

在cmd里输入：npm run dev回车，项目运行成功后，浏览器会自动打开localhost:8080（如果浏览器没有自动打开，可以手动输入）。

7、运行成功后，会看到Welcome to Your Vue.js App页面。
至此，整个环境的搭建就已经成功了，感兴趣的朋友赶紧试一下吧。

11张图揭示客户需求与实际产品的差异
【职场趣事】咱不聊项目管理聊段子
【项目管理】从项目管理角度看世界杯
项目失败七宗罪
程序猿的职业发展道路
精品资源，倾力赠送（亲自整理）
PM小曹社区博客网站
【技术干货】从0到1搭建个人博客网站
目前5000+人已关注加入我们，等你哟！

[h2]看完本文，如果觉得有用，就请一键关注[PM小曹]吧，[/h2][h2]小编将会每天为你推送项目管理、技术干货的新知识！[/h2]福利彩蛋：
一键关注[PM小曹]，后台回复：JAVASCRIPT，JAVA开发，项目管理，日常进阶，产品经理，数据库，hadoop，android、思维导图，可获得相关福利。