VueCli安装以及如何创建一个vue项目

1、安装VueCli

vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板

• 全局安装VueCli（VueCli4.5以上版本对应的是vue3.x，目前我学习的是vue2.x）

npm install -g @vue/cli@4.4.4

安装之后，你可以通过运行 vue，看看是否展示出了一份所有可用命令的帮助信息，来验证它是否安装成功。

2、创建一个Vue项目

• 步骤：
  • 1、先在终端进入我们的项目文件夹，例如我的 D:\webpack
  • 2、执行创建vue项目的命令：vue create vue-project
  • 3、选择版本，这里我们选择默认安装即可： default (babel, eslint)
  • 4、安装完成后，执行命令：npm run serve即可成功运行

进入webpack是是总项目文件
1、cd D:\webpack  
创建vue项目
2、vue create my-vue-project
运行vue项目
3、npm run serve

3、目录结构

• src ------ vue的源代码

  • assets ----- 静态资源
  • components ----- vue组件
  • app.vue – 根组件
  • main.js 主入口文件