简单配置vue脚手架中

配置脚手架

1.开始@vue/cli模块包（下包）

npm install @vue/cli -g

2.查看vue脚手架版本

vue -V

3._@vue/cli 创建项目启动服务（创建脚手架）

vue create vuecli-demo     //vuecli-demo自己定义的文件名

4.进入脚手架项目下, 启动内置的热更新本地服务器

cd vuecil-demo

5.在src同级目录下创建vue.config.js文件

1./* 覆盖webpack的配置 */（脚手架没有vue.config.js这个文件的，要自己创建在根目录下

 module.exports = {
    devServer: { // 自定义服务配置
        open: true, // 自动打开浏览器
        port: 3301  //自定义端口
    },
//关闭eslint检查，eslint的作用, 和如何暂时关闭, 它是一个代码检查工具
    lintOnSave: false
}

6.运行npm run serve(可以看到vue欢迎界面)

7.删除不必要的文件(看个人情况）

1.assets 下的 logo.png

2.components 下的HelloWorld.vue (欢迎页面vue)

3.App.vue部分代码