vue-cli的使用

 使用npm install -g @vue/cli 命令安装成功以后,就开始使用vue-cli。

1.在终端下运行如下的命令,创建指定名称的项目:

vue cerate 项目的名称(必须是英文)

 cli创建项目步骤:

 vue-cli的使用

vue-cli的使用

vue-cli的使用

vue-cli的使用 

vue-cli的使用 最后回车创建项目完成。

根据命令行提示运行项目即可。

2.vue项目中  src 目录的构成:

 1.assets 文件夹:存放项目中用到的静态资源文件,例如:css 样式表、图片资源
 2.components 文件夹:程序员封装的、可复用的组件,都要放到 components 目录下
 3.main.js 是项目的入口文件。整个项目的运行,要先执行 main.js
 4.App.vue 是项目的根组件。

上一篇:vue父子页面写法及传值


下一篇:拒绝冗余,不再重复编写头部与底部