vue脚手架--vue-cli 环境搭建

什么是vue脚手架

vue脚手架是帮助用户快速建设一个大型项目，能够快速生成一个包含webpack的框架，能够大幅度地降低用户使用难度的工具。

vue脚手架的安装

安装node，配置环境

• 注意：安装淘宝镜像可以大幅度的提升下载速度
• npm i -g cnpm --registry=https://registry.npm.taobao.org
• 在安装淘宝镜像后即可使用cnpm命令

安装vue
cnpm install vue
安装 webpack
cnpm install webpack -g
安装vue cli
cnpm i -g @vue/cli-init

• 在此时可以使用vue-V（v大写）来检测是否安装成功
• 安装成功后显示结果如图所示
• 
• 若安装失败可使用命令vue uninstall vue-cli -g重新安装

创建目录用来存放 vue-cli项目
可以使用md+名称来创建目录
进入新创建的目录，创建vue-cli项目

1. cd +名称进入新创建的目录
2. vue init webpack demo创建新项目
3. 注意：在使用上面命令时有时会出现错误（如下图所示），
   可以进入自己的node安装目录下查看是否有vue，我的安装目录为C:\Users\HP\AppData\Roaming\npm
   (右图为安装成功示例)
   若不存在，卸载vue后重新安装vue即可

创建成功后进入新文件夹
cd +项目名
启动项目
cnpm run dev