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

Posted 2020-11-16 goodboyzjm

本次教程的全在在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的脚手架的安装和介绍。如有疑问可以留言