第一个 vue-cli 项目

什么是vue-cli

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：

• 通过 @vue/cli 实现的交互式的项目脚手架。
• 通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。
• 一个运行时依赖 (@vue/cli-service)，该依赖：
  • 可升级；
  • 基于 webpack 构建，并带有合理的默认配置；
  • 可以通过项目内的配置文件进行配置；
  • 可以通过插件进行扩展。
• 一个丰富的官方插件集合，集成了前端生态中最好的工具。
• 一套完全图形化的创建和管理 Vue.js 项目的用户界面。

主要功能：

• 统一的目录结构
• 本地调试
• 热部署
• 单元测试
• 集成打包上线

需要的环境

安装

• node.js
• git

确认是否安装成功：
cmd 下输入 node -v
cmd 下输入 npm -v

安装淘宝镜像

安装位置 C:\Users\Allen\AppData\Roaming\npm

npm install cnpm -g

安装 vue-cli

C:\Users\Allen\AppData\Roaming\npm\node_modules\vue-cli

cnpm install vue-cli -g    

完整vue创建流程

1.初始化

vue init webpack myvue

其中， myvue 是项目名

然后，一路选 No

2. cd 进入刚创建的项目

cd myvue

3.安装 vue package.json 中的依赖

cnpm install

4.启动

npm run dev