首页 > 其他 > 详细

Vue安装以及创建新项目--线上办公软件开发(1)

时间:2021-05-26 21:38:01      阅读:14      评论:0      收藏:0      [点我收藏+]

安装vue以及环境配置

1.环境准备

1.1node.js

  • 安装node.js
    官网下载地址http://nodejs.cn/download/
    技术分享图片
  • 设置淘宝镜像
    NPM官方的管理的包都是从http://npmjs.com下载,国内很慢
    所以推荐淘宝NPM镜像https://npm.taobao.org/国内速度较快
    //查看使用的镜像源:
    npm config get registry
    //设置淘宝镜像源
    npm config set registry https://registry.npm.taobao.org

技术分享图片

2.安装vue

打开cmd输入命令
安装
npm install -g @vue/cli
安装后查看版本
vue --version

新建vue项目

  • 找一个放置项目的文件,复制目录,进入目录后进行创建项目
    vue create 项目名
    技术分享图片

  • 创建后选择模式前两个是自动配置,可以方便让它自动配置一些东西

  • 后面是手动配置,看选择自选
    技术分享图片

  • 手动配置项目参数界面,按空格即可选择或者取消(默认配置的没有这个界面)
    技术分享图片

  • 后续选择(本人暂时这么使用)
    技术分享图片

  • 项目创建成功效果
    技术分享图片

  • 上图所示最后列出了打开项目代码,输入即可启动项目
    技术分享图片

  • 启动成功如下图,通过显示网址即可访问
    技术分享图片
    技术分享图片

Vue安装以及创建新项目--线上办公软件开发(1)

原文:https://www.cnblogs.com/Yz-yyz/p/14813730.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!