美文网首页
Vue-安装vue-cli脚手架&安装项目、启动项目&安装插件

Vue-安装vue-cli脚手架&安装项目、启动项目&安装插件

作者: 家乡的蝈蝈 | 来源:发表于2024-03-26 15:54 被阅读0次

1.1 安装vue-cli脚手架

一次性操作安装脚手架工具(第三方包)npm i -g @vue/cli

1.2 安装vue项目

  1. 看好终端路径(路径不能有特殊符号)
  2. vue create 项目名称 -m npm(yarn)
  3. 上述回车后,选择vue2,回车


1.3 启动vue项目

1.cd 项目路径
2.执行npm run serve启动项目
3.浏览器访问http://localhost:8080/


1.3 安装插件

1.vue代码高亮插件(支持vue2和vue3)
https://marketplace.visualstudio.com/items?itemName=Vue.volar
2.vue代码提示插件
https://marketplace.visualstudio.com/items?itemName=sdras.vue-vscode-snippets

1.4 安装axios

安装 axios => npm i axios 或者 yarn add axios

相关文章

  • 前端学习-Vue-cli

    Vue-cli启动第一个项目 1.安装VSCode2.电脑安装node.js3 .安装vue-cli脚手架 之前代...

  • vscode 开发vue使用Eslint配置

    首先按照vue 脚手架安装项目vue-cli 默认没有为我们安装@vue/prettier插件, 然后在packa...

  • (一)react创建项目

    创建新项目 检测node是否安装 检测cnpm是否安装 安装脚手架 创建react项目 启动react项目

  • vue-cli搭建cnode社区

    一、准备工作 1.使用vue-­cli脚手架搭建项目,参考我的文章:使用使用vue-­cli脚手架搭建项目2.安装...

  • 前端(vue系列):用vue-cli搭建项目

    本章主要内容有 安装vue-cli脚手架 用脚手架创建项目 vscode安装常用插件 注:博主用的编辑器是vsco...

  • vue项目建设详细步骤

    一.vue项目安装 1.安装node,npm 2.安装vue-cli脚手架 cnpm instal...

  • vue cmd的指令

    安装node 使用淘宝 NPM 镜像 全局删除vue-cli 全局安装vue-cli 创建项目 启动项目 npm ...

  • 使用 vue-cli 脚手架一键搭建工程

    五部走: 全局安装vue-­cli 进入目录–初始化项目 进入项目 安装依赖 启动项目 目录结构的分析 一、├──...

  • react学习二

    脚手架安装 安装官方脚手架: npm 创建项目: create-react-app 启动项目: npm start...

  • Vue-cli

    命令操作 安装脚手架(全局安装):npm install vue-cli -g 初始化项目(创建项目):vue i...

网友评论

      本文标题:Vue-安装vue-cli脚手架&安装项目、启动项目&安装插件

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