美文网首页
vue创建的一些命令

vue创建的一些命令

作者: Hello杨先生 | 来源:发表于2019-11-02 14:48 被阅读0次

    vue命令窗口
    cd 找下一级
    cd.. 返回上一级

    一.检查是否有这些配置 (或者在 package.json 里检查)
    node -v 检查是否有node
    npm -v 检查是否有npm
    webpack -v 检查是否有webpack

    二.配置
    npm i vuex --save 配置vuex
    cnpm i --save vue-router 全局配置router(路由)
    cnpm i --save axios 配置axios
    mian.js 中的axios: Vue.prototype.$axios = axios

    npm i -g @vue/cli 配置脚手架
    npm i webpack-cli -D 配置到当前文件夹(-D当前文件夹)
    npm install 全局配置依赖
    npm run serve / dev 运行项目(跑起来)
    npm run build 打包

    npm install weixin-js-sdk 微信支付

    三.创建vue项目( 3种方式 )
    第一种:
    1.新建文件夹
    2.vue ui
    3.网页自动打开
    4.网页左上角点开 —— vue 项目管理器
    5.创建 —— 点击study —— 找到所创建的文件 —— 点击在此创建新项目
    6.输入项目名 —— 包管理器:npm —— 下一步
    7.默认 —— 创建项目

    第二种:
    1.cnpm install @vue/cli-init -g (全局安装vue/cli-init初始化(-g : 全局安装))
    2.vue init webpack demo (demo:项目名称)
    3.回车 —— 回车 —— 回车 —— 回车

    1. Install vue-router? ——Yes (配置路由?)
      Use ESLint to lint your code? —— No (严格模式?)
      set up unit tests? —— Yes或NO (都可以) (配置测试?)
      Pick a test runner —— Jest —— 回车
      Setup e2e tests with Nightwatch? —— NO
      Should we run npm install for you after the project has been created? (recommended) (Use arrow keys) —— yes,use NPM —— 回车
      5.npm run dev (运行项目 (项目跑起来))

    第三种:(vue3.0 的创建方式)
    1.vue create demo (demo:项目名称)
    2.回车
    3.cd demo (进入demo)
    4.npm run serve

    相关文章

      网友评论

          本文标题:vue创建的一些命令

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