vue创建的一些命令

2019-11-02  本文已影响0人  Hello杨先生

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

上一篇下一篇

猜你喜欢

热点阅读