当前位置: 首页 > news >正文

vs启动vue项目

1.安装node.js

官网下载及安装:https://nodejs.org/en/(验证是否安装成功:ndoe -v 和 npm -v)

 2.安装vs启动vue项目插件

vetur(Vue tooling for VS Code from Vetur)

eslint(Integrates ESLint JavaScript into VS Code)

Debugger for Firefox(Debug your web application or browser extension in Firefox)

3.搭建环境并创建vue项目

step1:淘宝镜像安装:npm install -g cnpm --registry=https://registry.npm.taobao.org

step2:全局使用vue-cli脚手架:sudo npm install -g @vue/cli(验证命令:vue --version)

step3:创建新项目vue init webpack my-vue

step4:进入文件夹并添加依赖:cd my-vue;npm install

step5:运行 npm run dev

 4.http://localhost:8080

不明所以地运行成功啦,顺利开启前端学习~~

 

 


http://www.taodudu.cc/news/show-6310203.html

相关文章:

  • 日本住宅IP:安全、高效的新选择
  • 【Unity AR开发系列】介绍如何使用这个支持热更的AR开发插件,快速地开发AR应用
  • SD-WebUI视频重绘:TemporalKit+EbsynthUtility避坑指南
  • 构建多组件共享的数据环境
  • vue3的CompositionAPI是啥怎么使用
  • 提升网络流量监控能力,AnaTraf网络流量分析仪帮您轻松解决网络故障
  • 最简单启动vue前端项目
  • 如何运行vue项目(详细步骤)
  • Vue项目启动原理及项目的创建
  • windows下vue项目启动步骤
  • 前端vue项目启动
  • VUE启动流程
  • IDEA启动VUE项目的方法
  • idea中启动vue项目
  • vue初始安装及项目初启动
  • Python 文件的读写模式
  • python的文件读写方法有哪些_python读写文件的方法有哪些
  • Python之文件的读写
  • python文件读写操作
  • 什么是网络安全?网络安全包括哪几个方面?
  • 【微信小程序】黑马优购--05商品详情
  • 微信小程序在线考试项目开发-接口封装调用
  • 微信小程序开发 从创建到使用
  • 微信小程序框架(四)-全面详解(学习总结---从入门到深化)
  • uniapp使用高德地图定位(兼容app)
  • 高德地图Amap搜索定位
  • amap 实现获取定位功能(高德api)
  • 我的高德地图之定位,Marker,位置信息。
  • Android高德地图的定位
  • 利用高德地图实现定位功能
  • VxWorks中文FAQ
  • VxWorks中文FAQ(转载)
  • Angular4+ng2-ckeditor踩坑
  • Angular 组件类测试
  • A/B-Test简介
  • ANTLR4 入门学习(一):下载和测试