小然今天给分享vue项目搭建流程的知识，其中也会对vuecli项目搭建进行解释，希望能解决你的问题，请看下面的文章阅读吧！

vue项目搭建流程 vuecli项目搭建vue项目搭建流程 vuecli项目搭建


vue项目搭建流程 vuecli项目搭建


vue项目搭建流程 vuecli项目搭建


1、我们此次动态vue项目开发已经基本完成，我的开发的项目是基于element-ui进行，那么如果你需要源码参考。

2、可以私信回复unit便可获取。

3、CLI 即 @vue/cli 全局安装的 npm 包用于终端提供 vue 相关的指令，可用来创建工程、启动服务等；CLI serv 即 @vue/cli-serv 开发环境的依赖，构建于 webpack 和 webpack-dev-server，可用来serve 启服务、编译构建 build 工程、配置 css、配置 webpack 等；项目创建，cd 到指定的目录下，执行创建项目 create 后会有几个配置选项，具体如下：1.use history mode for router - Y即 vue-router 利用浏览器自身的 hash 模式和 history 模式特性实现前端路由其中 hash 模式浏览器 地址中会带有 # 号，而history 则利用 html5 的 history intece 中新增的 pushState 和 replaceState 方法2.Pick a CSS pre-processor - stylusSCSS/SASS：scss 是 sass3 的新语法，完全兼容css3 且继承于 sass；sass 需 ruby环境，在服务端处理LESS：借助 node.js 通过编译处理输出 css 至浏览器，同时兼容客户端与服务端运行Stylus：用于给 node 项目进行 css 预处理支持，stylus 功能上更加强壮和 js 关系更加紧密3.Pick a linter / formatter config - ESLint + PrettierESLint with error prntion only: 仅错误预防ESLint + Airbnb configESLint + Standard config: 标准模式ESLint + Prettier: 使用较多，4.Pick additional lint features - Lint on se( ) Lint and fix on commit： fix 和 commit 的时候才检查5.Where do you prefer placing config for Babel, PostCSS, ESLint, etc.? (Use arrow keys) - In dedicated config filesIn dedicated config filrequire ([ `@/views/ ${ route_data [ index ]. component } ` ], resolve ), //加载模板文件es：文件中放置In package.json：放在 package.json 中6.Se this as a preset for future projects - N是否记录本次创建工程的如上配置选项并起个名称安装时可能需要的一些资源： nodejs 、 Homebrew以上便是此次分享的全部内容，希望能对大家有所帮助！。

本文到这结束，希望上面文章对大家有所帮助。