美文网首页
vue项目搭建步骤以及一些安装依赖包

vue项目搭建步骤以及一些安装依赖包

作者: 觉释 | 来源:发表于2021-10-13 09:43 被阅读0次

一. vue-cli初始化

  1. 全局安装 vue-cli
    npm install --global vue-cli
  2. 创建一个基于 webpack 模板的新项目
    vue init webpack my-project
  3. 安装依赖
    cd my-project
    npm install (换源安装: npm install --registry https://registry.npm.taobao.org )
    4.启动:
    npm run dev
    5.打包:
    npm run build

二. 安装额外的依赖包

  1. 两种依赖包的安装方式
    1.1 项目依赖包
    npm install --save vue
    1.2 开发依赖包
    npm install --save-dev webpack
  2. less依赖包
    npm install --save-dev less less-loader
  3. 网络请求axios依赖包
    npm install --save axios
  4. axios低版本浏览器补丁es6-promise依赖包
    npm install --save es6-promise
  5. 路由安装
    npm install --save vue-router
  6. 状态管理安装
    npm install --save vuex
  7. cookie封装库
    npm install --save js-cookie
    8.[Vue中加入国际化(i18n)中英文功能]
    npm install vue-i18n --save

相关文章

  • vue项目搭建步骤以及一些安装依赖包

    一. vue-cli初始化 全局安装 vue-clinpm install --global vue-cli 创建...

  • vue项目国际化(多语言)

    记录一下笔记,以下vue项目案例使用vue-cli搭建 ; 一.安装依赖 1. 使用npm命令安装所需依赖vue-...

  • Vue前后端分离项目开发参考

    搭建项目参考 前端 前期准备 node环境 搭建脚手架 安装需要的依赖:vue全家桶(vue-cli、vue-ro...

  • Vue项目初始化

    About 当我们最初创建一个Vue项目后,我们会根据项目需要以及个人的一些习惯安装一些依赖包或者插件,这篇文章主...

  • vue + element UI 搭建项目初始化

    首先安装好node.js npm安装vue 安装vue脚手架后生产模板项目 进入项目目录内安装所有依赖包 5.安装...

  • spring aop模式管理数据库事务

    1.搭建项目环境,基于idea下maven环境的搭建,此处贴出pom文件的jar包依赖: 具体的搭建项目步骤,自行...

  • vue中使用Echarts

    一、vue中简单使用Echarts 步骤1:安装echarts安装包 步骤2:引入依赖 (在需要使用的组件中) 步...

  • 快应用的第一篇教程

    快应用快速入门教程 这节课程的大纲如下: 环境搭建 创建项目 安装依赖 编译项目 安装rpk包 预览效果 环境搭建...

  • vue项目搭建

    vue-cli2安装搭建vue-cli3安装搭建 vue-cli2搭建项目 相关链接:项目目录结构详解:https...

  • Vue+Webpack压缩打包及上线流程

    一、 使用Webpack+Babel打包Vue项目步骤:1、 安装babel相关的包

网友评论

      本文标题:vue项目搭建步骤以及一些安装依赖包

      本文链接:https://www.haomeiwen.com/subject/bzvcgltx.html