加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

Vue 爬坑之路(十二)—— vue-cli 3.x 搭建项目

发布时间:2020-12-16 23:17:28 所属栏目:百科 来源:网络整理
导读:如果之前全局安装了旧版本的 vue-cli (1.x 或 2.x),首先需要使用以下命令卸载掉 yarn remove vue-cli yarn global add @vue /cli 其运行结果和以前一样, 详情可以参考 图形化 的方式来创建项目 指定目录 下打开终端,然后运行: create 命令创建项目的时候

如果之前全局安装了旧版本的 vue-cli (1.x 或 2.x),首先需要使用以下命令卸载掉

yarn remove vue-cli

yarn global add @vue/cli

其运行结果和以前一样,详情可以参考

图形化的方式来创建项目

指定目录下打开终端,然后运行:

create 命令创建项目的时候,有很多配置项需要选择

如果对某项配置项不熟悉,可以直接选择第一个选项

空格键选择具体的模块

回车键进入下一步

sass 或者 ,因为 stylus 不支持原生 CSS 写法

不熟悉的话就选第一个

手动创建一个 vue.config.js,

module.exports ='/''dist', lintOnSave: , productionSourceMap: , , host: '0.0.0.0'8080, https: , before: app =>

构建多页面应用的 pages改造为 pwa 的配置项 pwa高级 CSS 打包方案? css

开发模式?、测试模式 、生产模式?

package.json 的 scripts 命令中添加对应的 mode

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读