由于 npm 安装速度慢,我这里使用了淘宝的镜像及其命令 cnpm
淘宝 NPM 镜像是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。 你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:
npm install -g cnpm --registry=https://registry.npm.taobao.org然后就可以使用 cnpm 命令来安装模块了:
cnpm install [name]npm 版本需要大于 3.0,如果低于此版本需要升级它:
# 查看版本 npm -v 6.14.4 #升级 npm cnpm install npm -g # 升级或安装 cnpm npm install cnpm -g在用 Vue.js 构建大型应用时推荐使用 NPM 安装:
# 最新稳定版 cnpm install vueVue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。
打开cmd,,进入项目存放目录,创建项目:
# 全局安装 vue-cli cnpm install --global vue-cli cnpm install -g webpack # 创建一个基于 webpack 模板的新项目,项目名为:myproject vue init webpack myproject # 这里需要进行一些配置,默认回车即可Project name —> 项目名称 (非必填,默认上面的项目名) Project description —> 项目描述 (非必填) Author —> 作者(非必填)
进入项目,安装并运行:
cd myproject cnpm install cnpm run dev成功执行以上命令后访问 http://localhost:8080/,输出结果如下所示: