学习vue2之安装VueCli

目录

一、安装VueCli

二、创建一个Vue项目

三、目录结构

---

 

一、安装VueCli

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

npm install -g @vue/cli@4.4.4

• 2、查看vue版本号 

npm list vue -g

• 3、查看vue-cli 版本号 

vue -V

 

 

二、创建一个Vue项目

• 步骤：

  • 1、在你喜欢的盘下面创建一个项目文件夹：mkdir new-vue

  • 2、跳转到你创建的项目文件夹里：cd new-vue

  • 3、执行创建vue项目的命令：vue create my-vue-project

  • 4、选择版本，这里我们选择默认安装即可： default (babel, eslint)

  • 5、选择包的管理工具，选择npm即可

  • 6、安装完成后，执行命令：npm run serve即可成功运行

 

三、目录结构

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

  • assets ----- 静态资源

  • components ----- vue组件

  • app.vue -- 根组件

  • main.js 主入口文件