Vuejs开发环境搭建及热更新

1、安装NPM

1.1最新稳定版本：

 

npm install vue

 

2、命令行工具安装

国内速度慢，使用淘宝镜像：

npm install -g cnpm --registry=https://registry.npm.taobao.org

 

注意：之后使用npm的地方就替换成cnpm

 

一、全局安装vue-vli

​    cnpm install -g vue-cli

 

二、建立一个基于webpack模板的新项目

vue init webpack my-project

 

输入安装命令后，稍等一会提示输入：

2.1项目项目名称：

2.2项目描述：

2.3做者：

2.4是否使用ESlint：（能够选择不须要，ESlint是一套语法检查工具）

2.5是否须要单元测试：（能够选择不须要）

 

说明：

       webpack：项目类型，用webpack这套模板进行压缩和打包。

       my-project：项目名称。

三、安装依赖

3.1进入项目：

cd my-project

 

3.2安装依赖：

 

cnpm install

 

说明：

3.2.1会将依赖安装到项目node_modules文件夹中。

3.2.2能够使用cnpm命令，是由于webpack安装好了相应依赖。

3.2.3 Package.json文件说明:

             主要包含:项目描述、相关依赖。

 

3.3运行项目：

 

cnpm run dev

 

经过访问http://127.0.0.1:8080访问运行起来的项目。

3、参考连接

Vuejs官网：https://cn.vuejs.org/v2/guide/installation.html

Taobao镜像：http://npm.taobao.org/

 

注意：转载请注明出处以及本文连接。