🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
安装: ## 第一步 ``` npm install -g @vue/cli ``` ## 如何查看是否安装成功 ``` vue --version ``` ![](https://img.kancloud.cn/61/dd/61ddc0871a54f59b9a01048c528f9eb4_967x463.png) ## 我们使用vue create命令创建自己的项目 ``` vue create my-project ``` ![](https://img.kancloud.cn/76/8a/768a9a3f1e852a60cc10348e994956c0_1150x613.png) ## 安装成功后会有成功的提示语 ![](https://img.kancloud.cn/2e/98/2e98bf0b56325d9689dc4d85feb7e179_921x634.png) ## 常用插件 Vue 2 Snippets、Vue Theme、Vue VS Code Extension Pack、Vue VSCode Snippets、Vuter # 目录结构: ## assets-------- 存储静态文件的,和public不同的是assets文件夹会被webpack进行打包,所以要使用相对路径 ## public-------- 静态资源文件,和assets不同的是 public不会被webpack进行打包,使用路径的时候要使用绝对路径 ## src --------项目核心区域 ## compoents--------- Vue功能组件的存放位置,内部存在的是公用的组件 ## views-------- 公共文件,主要以各个独立页面为主 ## app.vue ----------整个vue的根组件,所有的vue组件都是从这个组件中拓展的,APP根组件最后通过编译后将内容渲染到.html文件中 ## main.js ------------vue的入口文件,vue文件初始化位置,内部存放的是公用的组件 ## gitignore-------------- GitHub相关配置文件,作用是git再提交代码的时候指定相关忽略格式文件 ## babel.config.js-------------- babel的配置文件 ## package.json-------------- 配置(记录)项目的相关模块,项目的相关配置信息等等 ## package-lock.json--------- 作用的记录的当前项目按照的相关依赖版本,并且记住了当前所有依赖的关联关系,如果下次vue进行编译的时候会安装这个文件进行编译 ## README.md--------- 文件的作用是项目相关的使用方法,和使用说明