一、如何安装Vue CLI3?
1、首先傻瓜式安装node.js
,node
官网下载,一直点击下一步
2、打开cmd
,安装口令为npm install -g @vue/cli
3、倘若已经安装过旧版本·Vue CLI2·,那么首先应该卸载旧版本,卸载旧版本的口令为npm uninstall vue-cli -g
二、创建Vue工程
打开cmd
窗口,vue create project-name
三、运行Vue应用
常见:npm run serve
ornpm 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;
网友评论