Vue的安装(方法1:适用于大型网站单页面开发)----使用的淘宝镜像

由于 npm 安装速度慢,因此本篇文章使用了淘宝的镜像及其命令 cnpm,下面就来介绍下安装的步骤:

前提:你的电脑上必须安装过nodejs,也就是可以使用的nmp命令

步骤一:安装淘宝镜像

淘宝 NPM 镜像是一个完整 npmjs.org 镜像,你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:

  • 先调出命令行窗口(也就是win+R  -->    cmd),输入下面的命令

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

步骤二:查看下cnpm的版本,检验是否安装成功:


步骤三:Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。

3.1

# 全局安装 vue-cli
$ cnpm install --global vue-cli


3.2

# 创建一个基于 webpack 模板的新项目               //也就是在你想在的盘下面创建一个文件夹,来存放一个新项目
$ vue init webpack my-project



3.3

运行 
npm run dev


3.4在浏览器中测试

localhost:8080


文件夹截图:


有不懂地方,可以留言奥........


猜你喜欢

转载自blog.csdn.net/miss_liangrm/article/details/80722486