Vue-Cli - Vue 脚手架的创建 以及 目录结构说明

  免费查看本文章可前往我的网站：PiQiu

目录

一、Vue-Cli

1.1、Vue 脚手架的创建

二、Vue 脚手架目录结构说明

1.1、vscode 使用 Vue 脚手架

1.2、结构说明

---

一、Vue-Cli

---

1.1、Vue 脚手架的创建

注意：你要提前安装好 node.js （官网下载即可），配置好环境变量.

a）以管理员的方式打开命令窗口，切换到你要创建项目的目录，输入如下命令（这里以构建名字为 "hello" 的 vue 脚手架为例）

vue init webpack 项目名称

首先会问你项目名称是否要叫 hello，直接回车就可以.

Ps：如果 vue init webpack下载慢，可以通过以下方式完成

1.安装淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org
2.淘宝镜像重新安装webpack
cnpm install --save-dev webpack
3.进入项目目录，执行vue in