vue-cli脚手架创建项目

一、安装创建项目

第一步全局安装vue-cli
npm install -g @vue/cli

第二步创建项目
vue create hello-world

第三步运行项目
npm run serve

第四步编译打包发布项目
npm run build

二、项目的目录结构：

 

public  静态文件

src 所有的源代码

    assets 用到的资源，图片等

    component 组件

    App.vue 根组件，承载项目中所有组件的根组件

main.js 项目的打包入口文件

三、vue脚手架的自定义配置

"vue": {

    "devServer": {

      "port": "8888",

      "open": true

    }

  }

把上面的代码放在package.json的最后一个 } 的里面。

 

但是不建议再package.json中修改。