Vue.js开发环境搭建

Posted 2021-05-01 LIVEPLUS

1.首先到node.js官网下载node.js安装包，安装npm（http://nodejs.cn/download/）

2.安装完成后，在cmd，检查安装是否正确。

3.Vue.js官网下载vue.min.js    (http://vuejs.org/js/vue.min.js)

4.由于npm比较慢，可以选择安装淘宝的NPM镜像cnpm

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

5.使用cnpm安装最新稳定版vue

6.命令行工具（Vue.js提供了一个官方命令行工具，可以用于快速搭建大型单页应用。）

# 全局安装 vue-cli

$ cnpm install --global vue-cli

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

$ vue init webpack my-project

# 这里需要进行一些配置，默认回车即可

This will install Vue2.x version of the template.

ps：过程中命令若出现乱码，可以使用命令：chcp 65001设置成UTF-8编码显示

7.进入初始化的项目，安装并运行

$ cd my-project

$ cnpm install

$ cnpm run dev

执行成功后，访问http://localhost:8080，输出结果如下图所示：