手把手教你搭建前端开发环境

一 安装nodejs

nodejs是一个JavaScript运行环境（runtime）

1. 下载地址为：https://nodejs.org/en/

   2.检查是否安装成功

npm:是nodejs的包管理器，用于node插件管理（包括安装,卸载,管理依赖等）

cnpm：是一个完整npmjs.org镜像，可以用此代替官方版本（只读），同步频率目前为10分钟一次以保证尽量与官方服务同步

 

 3.为了提高我们的效率，可以使用淘宝镜像：http://npm.taobao.org/

输入：npm install -g cnpm -registry=https://registry.npm.taobao.org ，即可安装npm镜像，以后用到npm的地方直接用cnpm来代替就好了。

 

 二 搭建vue项目环境

1. 全局安装vue-cli

cnpm install --global vue-cli

-V 需要大写

 

2.进入你的项目目录，创建一个基于 webpack 模板的新项目：vue init webpack 项目名

 

 

打开：http://localhost:8080 

简单搭建完成，接下来可以进行 ：文件配置/路由跳转配置/css静态引入等的操作