vue脚手架 3.x搭建项目

一、安装 @vue/cli  脚手架
    npm install -g @vue/cli
    安装完成后，可以使用 vue -V （这个 V 是大写的）查看版本号
    注意:@vue/cli 依赖于webpack,在使用之前,先安装webpack   
    npm install webpack -g

二、创建项目
    vue create project-name
    这里的 project-name 是自定义的项目名称，命令执行之后，会生成对应文件夹

三,  项目生成之后，已经自动安装了相关的依赖项，这时候可以直接启动项目：
    npm run serve

四,  完成以上步骤之后，就已经可以开发 vue 项目了，但无法满足定制化的开发需求
    这时候就需要在根目录手动创建一个 vue.config.js
    // vue.config.js
    module.exports = {
          publicPath:'/',    // 启动页地址
          outputDir: 'dist', // 打包的目录
         lintOnSave: true, // 在保存时校验格式
          productionSourceMap: false, // 生产环境是否生成 SourceMap
          devServer: {
                open: true, // 启动服务后是否打开浏览器