美文网首页
关于Vue脚手架Vue CLI3以及常见小配置

关于Vue脚手架Vue CLI3以及常见小配置

作者: 念念碎平安夜 | 来源:发表于2019-04-25 21:08 被阅读0次

一、如何安装Vue CLI3?

1、首先傻瓜式安装node.jsnode官网下载,一直点击下一步
2、打开cmd,安装口令为npm install -g @vue/cli
3、倘若已经安装过旧版本·Vue CLI2·,那么首先应该卸载旧版本,卸载旧版本的口令为npm uninstall vue-cli -g

二、创建Vue工程

打开cmd窗口,vue create project-name

三、运行Vue应用

常见:npm run serveornpm run dev ornpm run start
运行口令取决于项目目录下package.json里面的配置

四、打包Vue应用

npm run build,将会在根目录生成dist文件夹

五、运行应用时自动打开默认浏览器

package.json里面配置加上--open,比如:

"serve": "vue-cli-service serve --open"

六、关闭代码检验ESLint

在文件vue.config.js里面配置,Ps:默认创建的项目没有这个文件,需要自己手动新建一个vue.config.js,在根目录新建即可,代码如下:

module.exports = {
       lintOnSave: false
}

七、配置是否允许vue-devtools检查代码,方便调试,生产环境中需要设置为false:

Vue.config.devtools = false;

阻止vue启动时产生生产消息:

Vue.config.productionTip = false;

相关文章

网友评论

      本文标题:关于Vue脚手架Vue CLI3以及常见小配置

      本文链接:https://www.haomeiwen.com/subject/vhutnqtx.html