vue脚手架

基本步骤

安装vue

npm i vue-cli -g
npm install -g webpack

初始化项目

vue init webpack  DemoName

运行项目

# 安装依赖
npm install

# 本地8080端口运行
npm run dev

# 构建生产程序
npm run build

# 构建生产程序并产生报告
npm run build --report

# 执行单元测试
npm run unit

# 执行 e2e 测试
npm run e2e

# 执行所有测试
npm test

FAQ

vue使用脚手架初始化时本地无法下载模板

通过vue-cli工具命令vue init webpack vuedemo创建vue项目的时候报错,提示连接超时,应该是下载某个package的时候,需要翻墙,导致出现连接超时。超时错误截图如下:

这种情况可以使用离线创建的办法,我们需要下载github中的 vue-templates/webpack 仓库到本地。下载地址为:https://github.com/vuejs-templates/webpack .

下载后,解压到本地用户目录下的 .vue-templates 目录下。

我们解压之后,更改目录名为 webpack 。放到本地用户目录 .vue-templates 下面,注意文件夹名称前面的点。

再进行 vue init webpack vuedemo 时,需要带上参数 --offline 表示离线初始化。

vue init webpack vuedemo --offline

参考

  1. vue-cli Failed to download repo vuejs-templates/webpack连接超时解决办法
  2. vuejs-templates/webpack
powered by Gitbook该文件修订时间: 2020-09-06 19:12:41

results matching ""

    No results matching ""