完整的vue-cli3项目创建过程以及各种配置

1.创建工程

代码目录下打开cmd,输入'vue create projectname'命令创建工程

项目创建的时候的配置

完整的vue-cli3项目创建过程以及各种配置_第1张图片

完整的vue-cli3项目创建过程以及各种配置_第2张图片

进入工程目录:cd projectname

2.配置工程

在项目根目录下创建vue.config.js文件,进行devserve的配置,在这个文件里,可以进行mock数据的编写

module.exports = {
    configureWebpack: {
        devtool: 'source-map',
        devServer: {
            port: 7000,//配置服务端口号
            open: true,//配置启动时,自动打开终端网站
         }
    }
}

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

你可能感兴趣的:(VUE.js)