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 主入口文件