VUE CLI3安装及使用(图文)

Step1  安装Node,版本 8.9以上,安装之后查看版本 node -v

下载地址:https://nodejs.org/zh-cn/

Step 2 安装VUE CLI,已安装的查看版本 vue -V(请注意是大写的V)

npm install -g @vue/cli
# OR
yarn global add @vue/cli

Step3 启动VUE CLI,默认端口8000

vue ui

VUE CLI3安装及使用(图文)

VUE CLI3安装及使用(图文)

 

 

Step4 创建项目

VUE CLI3安装及使用(图文)

选好创建项目的路径,点击在此创建新项目

VUE CLI3安装及使用(图文)

 

 

VUE CLI3安装及使用(图文)

 

VUE CLI3安装及使用(图文)

 

 

VUE CLI3安装及使用(图文)

 

VUE CLI3安装及使用(图文)

 

VUE CLI3安装及使用(图文)

 

VUE CLI3安装及使用(图文)

 

导入已有项目,找到项目所在目录,VUE的项目会带有VUE标记,选中之后,点击导入这个文件夹

VUE CLI3安装及使用(图文)

 

 

 

Step5 项目管理

项目列表展示所有在此管理的项目,选中一个项目点击进入项目

VUE CLI3安装及使用(图文)

安装项目依赖

VUE CLI3安装及使用(图文)

输入依赖名称,选中,点击安装

VUE CLI3安装及使用(图文)

项目本地启动

VUE CLI3安装及使用(图文)

项目编译

VUE CLI3安装及使用(图文)