vue的脚手架安装教程和使用目录的介绍

本次教程的全在在node上面安装进行,如果不会使用可以翻看以前的教程。

因为vue近期刚发布了第四代的版本,还不是十分的稳定,我们本次使用的是3带的版本

1.安装vue项目的脚手架

在终端   >cnpm i @vue/cli@3 -g    //安装第三代的版本

在安装完成后

 > vue create myapp   //新建一个名字叫做myapp的文件夹

以下是安装步骤,具体解释可以看一下。如果不理解可以留言

* 选择 vue 项目的 东西 除了typesctipt 不选,    其余都选 --- 选择用空格
* 选择应用的历史模式 Y
* 选择样式文件 sass/scss (with node-sass)
* 代码的校验规则 ESLint + Standard config
* Lint on save 保存检验代码格式
* 测试的模式 Mocha + Chai
* 运行模式 Cypress (Chrome only)
* 配置文件在哪里 In package.json
* 是否保存预设文件 y (以后直接一开始就选择预设文件,后续不需要自动选择)

安装需要较好的网络环境。否则可能会比较慢

 

2.查看脚手架的项目结构

-node-modules 依赖文件
-public 基本文件,包含页面,图片,小图标
-src 项目主场
-tests 测试
.editorconfig 编辑器配置文件
.gitignore git忽略文件
babel.config.js babel配置文件
cypress.json 插件
package.json 描述文件

3.src目录结构

-assets 静态资源文件
-components 自定义的组件
-router 路由文件
-store 状态管理器
-views 页面㢟
App.vue 入口页面结构
main.js 入口文件

以上就是简单的vue的脚手架的安装和介绍。如有疑问可以留言

猜你喜欢

转载自www.cnblogs.com/goodboyzjm/p/11737952.html