随笔41-vue/cli创建项目流程

1、电脑上是否已经有了vue/cli,如果没有,先 npm install -g @vue/cli

2、使用命令vue create hello-world创建一个目录

3、然后会有三个选项,我一般选那种最后一个手动选择要素

默认(vue2 babel,eslint)

默认Vue 3)(Ivue 3]babel,elint)

手动选择要素


4、

请选择一个项目:手动选择功能

检查项目所需的功能:(按<space>选择,<a>切换全部,<i>反转选择)

选择vue版本

Babel打包

js类型

渐进式web应用(pwa)支持

路由

vuex

css预处理器

格式化

nuit测试

e2e测试

5、

请选择一个项目:手动选择功能

检查项目所需的功能:选择vue版本、babel、ts.router、vuex、css预处理器、Linter

选择要启动项目的vue.js版本(使用箭头键)

2.x

3.x


6、

选择要用2.x启动项目的vue.js版本

7、

在TypeScript旁边使用babel(现代模式、自动检测填充、传输JSX需要)

8、

对路由器使用历史记录模式(需要在生产中为索引回退设置正确的服务器)


9、

选择一个Css预处理器(默认情况下支持PostCSS、Autoprefixer和Css模块):(使用箭头键)

Sass/SCSS(带dart Sass)

Sass/SCSS(带节点Sass)

较少的

手写


10、

仅带错误预防的ESLint

ESLint+Airbnb配置

ESLint+标准配置

ESLint(已弃用)


11、

拾取其他lint特征:(按<space>选择,<a>切换所有,<i>反转选择)

保存时起毛

Lint和fix on commit


12、

您喜欢在哪里使用Babel、ESLint等的palcing配置?(使用箭头键)

在专用配置文件中

在package.json中


13、

将此保存为将来项目的预设


这样就创建好了一个vue项目了



©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容