Vuejs开发环境搭建及热更新

一、安装NPM

1.1最新稳定版本：

 

npm install vue

 

二、命令行工具安装

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

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

 

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

 

1、全局安装vue-vli

​    cnpm install -g vue-cli

 

2、创建一个基于webpack模板的新项目

vue init webpack my-project

 

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

2.1项目项目名称：

2.2项目描述：

2.3作者：

2.4是否使用ESlint：（可以选择不需要，ESlint是一套语法检查工具）

2.5是否需要单元测试：（可以选择不需要）

 

说明：

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

       my-project：项目名称。

3、安装依赖

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访问运行起来的项目。

三、参考链接

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

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

 

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