vue-cli3.0脚手架使用手册

这里默认安装了node.js

1、首先安装vue-cli3.0

vue-cli3.0脚手架使用手册 

2、查看是否安装完成: vue -V (V要大写),这里显示3.0.0的版本

vue-cli3.0脚手架使用手册

3、创建一个项目: vue create project_name

vue-cli3.0脚手架使用手册

这里选中间的默认项,然后按回车

vue-cli3.0脚手架使用手册

这是项目文件夹创建的进度

vue-cli3.0脚手架使用手册

4、项目文件夹创建成功

vue-cli3.0脚手架使用手册 

5、这里是刚刚创建的文件夹以及脚手架帮我们在内部搭建好的结构

vue-cli3.0脚手架使用手册

 

 

 

vue-cli3.0脚手架使用手册 

 

 

 

 

 但是我们还是不能直接进行,因为package.json中一些依赖包需要我们安装

6、安装依赖包

vue-cli3.0脚手架使用手册

7、运行我们的项目

vue-cli3.0脚手架使用手册 

8、成功

vue-cli3.0脚手架使用手册

9、最后在我们的浏览器查看我们的项目

在浏览器输入localhost:8080在本地进行查看,下图是效果

vue-cli3.0脚手架使用手册