vue项目构建流程

522 阅读1分钟

已有项目

  • 克隆项目到本地: git clone xxxxx

  • 安装淘宝镜像(可选): npm install cnpm -g --registry=https://registry.npm.taobao.org

  • 安装依赖:cnpm install

  • 项目启动:npm run serve

  • 代码检查:npm run lint

  • 项目打包:npm run build

新建项目

  • gitlab/github新建项目hello-world

  • git clone heollo-world 到本地

  • 安装node(已安装可跳过) nodejs.org/zh-cn/downl…

  • 安装淘宝镜像,可选: npm install cnpm -g --registry=https://registry.npm.taobao.org

  • 安装脚手架: cnpm install -g @vue/cli

  • cd hello-world上一级

  • 创建项目: vue create hello-world

  • 选择与gitlab/github创建的hello-world合并

  • 选择默认preset(预设),也可根据自己需求手动选择

  • 根据需求开发编码,npm需要的组件(router/vuex/axios等)