程序员经验分享-hwhale

vue2快速安装环境，创建vue2项目教程(windows)

2023-05-16

1、安装环境

  首先首先进入node.js（v12.13.0.msi版本，最新版可能npm版本太高了，会报错，不过卸载重新装低版本也行）官网安装node.js，node.js自带npm，node.js相当于后端的tomcat,是一个运行前端的服务器，npm相当于maven,是一个前端的包管理工具。自动帮配置好了环境变量。

  官网地址：https://nodejs.org/en/

在这里插入图片描述
  直接下载第一个即可，第一个时最多用户使用的版本，第二个时最新版。

  下载之后，安装即可。全部默认安装就行了。该软件自动帮配置好了环境变量，不用自己配置。

   检查是否安装成功，在命令行输入：

node -v
npm -v

   出现版本信息即安装成功。

   安装淘宝的镜像加速：

npm install cnpm@7.1.0 -g --registry=https://registry.npm.taobao.org

   安装vue-cli：

cnpm install vue-cli -g

   到这里环境就算安装成功了。

2、创建一个vue工程文件

   加入我要在某个文件夹中创建一个vue工程文件，我们要在cmd命令行中进入到该文件夹中，我们可以打开文件夹，在文件地址处的前面输入cmd,按空格，再按回车就能进入cmd的该文件夹了，如图：
在这里插入图片描述
   进入命令行后，输入vue init webpack vue_one(名字) ，系统会去github上下载脚手架项目，等待一会，如图：
在这里插入图片描述
  提示输入项目名字，直接回车即可，如图：
在这里插入图片描述  提示输入项目名字，直接回车即可，如图：
在这里插入图片描述

  提示输入作者名字，随便写，如图：
在这里插入图片描述
  选择第一项，远行时编译，这里就可以不用重新运行项目也能更新内容了，如图：
在这里插入图片描述
  接下来四个直接y n n n即可，接下来提示安装前端依赖，选择最后一个，不然安装很慢，我们自己手动安装，如图：
在这里插入图片描述
  我们进入到该项目中，cd 项目名，如图：
在这里插入图片描述
  我们用淘宝镜像加速安装依赖，执行：

npm install  --registry=https://registry.npm.taobao.org --disturl=https://npm.taobao.org/mirrors/node

  如图：
在这里插入图片描述
  等待一段时间之后，如果提示有错误，按照他的提示，输入他给出的修复语句即可，如果没报错，则项目创建成功，如图：
在这里插入图片描述
  现在我们就可以用专业的前端编写软件打开该项目进行代码编写了！！

  在该项目中，在命令行执行npm run dev即可运行该项目。ctrl + c 就可以停止项目。

3、附上常用依赖的安装语句

axios：npm install axios

element-ui：npm i element-ui --save

vue-router：npm install vue-router --save

vuex：npm install vuex --save


集成富文本编辑器插件：

mavon-editor：npm install mavon-editor --save


解析数据库中拿到的markdown文档:

markdown-it：npm install markdown-it --save


导入md样式:

github-markdown-css：npm install github-markdown-css


echarts的封装版本，比echarts好用:

VCharts：npm install v-echarts echarts --save
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

vue2快速安装环境，创建vue2项目教程(windows) 的相关文章

随机推荐

  • 21.通用型1602液晶显示屏操作方法

    第7章通用型1602液晶显示屏操作方法 7 1液晶概述 液晶显示屏的主要原理是以电流刺激液晶分子产生点 线 面并配合背部灯管构成画面 液晶通常是按照显示字符的行数或液晶点阵的行 列数来命名的 xff0c 比如1602的意思是每行显示16个字

  • 外文文献检索网站

    1 Google scholar 网址 xff1a https scholar google com hk hl 61 zh CN 如今搜索论文的首选 xff0c 可以在这里查看论文统计和引用参考文献 xff0c 还能通过关注作者或者论文获

  • shell-awk的BEGIN和END

    文章目录 一 Awk 的两个特殊模式实例 xff1a 二 Awk高级应用1 if单分支语句2 if双分支语句3 for循环4 while循环 SHELL awk两个特殊模式 xff08 BEGIN 和 END xff09 及awk高级应用

  • HTML5基础知识

    目录 一 初识HTML 二 网页基本标签 2 1标题标签 2 3换行标签 2 4水平线标签 2 5字体样式标签 2 6注释和特殊符号 三 图像 xff0c 超链接 xff0c 网页布局 3 1图像标签 3 2链接标签 3 3块元素和行内元素

  • SQL Server 调用程序集（dll文件）

    1 生成对应的dll项目文件 如下图所示 xff08 示例 xff09 xff1a 2 打开SQL SERVER数据库 xff0c 创建程序集 xff0c 如下操作 找到 程序集 61 右击选中 新建程序集 点击 常规 xff0c 操作如下

  • 树莓派3b+镜像的安装以及常用的登录方式及树莓派换源

    安装镜像 1 xff0c 格式化内存卡用第一个工具 2 xff0c 把镜像写道内存卡中用第二个工具 登录 串口登录 因为树莓派默认的是蓝牙连接 xff0c 我们要断开蓝牙连接 xff0c 打开串口连接 将安装好的sd卡文件夹下的 cmdli

  • 通过kettle工具实现数据清洗与转换（实例）

    一 对文件merge csv进行完全去重 1 使用Kettle工具创建转换repeat transform xff0c 并添加 CSV文件输入 控件 唯一行 xff08 哈希值 xff09 控件以及Hop跳连接线 2 配置 CSV文件输入

  • JavaWed开发环境与搭建

    一 jdk下载与安装 1 下载 xff1a 进入官网 xff08 http www oracle com xff09 下载对应版本即可 2 设置环境变量 需要设置环境变量如下 xff08 JDK安装的位置 xff09 二 TomCat下载与

  • 【树莓派问题】树莓派python虚拟环境无法安装scipy库

    目录 问题描述 问题解决方法 报错关键字 xff1a Building wheel for numpy PEP 517 started Building wheel for numpy PEP 517 still running pip s

  • Codeblocks修改字体

    右上角settings editor general settings choose 选择好之后一路确定OK就可以了 但是大家谨慎改 xff0c 因为20 03版本的会报错 xff0c 就像我这样 xff0c 不知道其他版本修改后会不会有问

  • 论文阅读 MAML (Model-Agnostic Meta-Learning for Fast Adaptation of Deep Networks)

    Model Agnostic Meta Learning for Fast Adaptation of Deep Networks MAML 论文阅读 摘要介绍模型不可知元学习元学习问题定义模型不可知元学习算法 MAML种类监督回归和分类强

  • RIPV2动态路由协议—网络基础

    RIPV2动态路由协议 一 实验题目1 IP地址规划2 拓扑搭建3 配置IP地址与环回接口4 RIPV2的配置5 RIP的扩展配置 xff1a 6 成果展示 二 动态路由1 动态路由协议 xff1a 2 动态路由协议的缺点 xff1a 3

  • VC6.0 MFC 单文档 贪吃蛇游戏 基础入门

    贪吃蛇游戏 一 整体思路 1 贪吃蛇对大家来说并不陌生 xff0c 既然要设计贪吃蛇 xff0c 那么我们首先要定义蛇和食物这样两个对象 xff0c 并给它们添加一些成员变量 2 添加虚函数OnInitialUpdate 做一些初始化工作

  • 启动错误求助

    org springframework beans factory UnsatisfiedDependencyException Error creating bean with name 39 userController 39 Unsa

  • C++ 入门（编写第一个C++程序）

    第一章 遇见C 43 43 欢迎进入C 43 43 世界 xff01 1 1 C 43 43 介绍 C 43 43 是在C语言的基础上添加了面向对象和泛型编程的支持 xff0c 它是21世纪最重要的编程语言之一 xff0c C 43 43

  • yield和return的区别-- 超详细

    首先比较下return 与 yield的区别 xff1a return xff1a 在程序函数中返回某个值 xff0c 返回之后函数不在继续执行 xff0c 彻底结束 yield 带有yield的函数是一个迭代器 xff0c 函数返回某个值

  • Linux修改登录密码

    root 权限修改用户名密码 执行 xff1a passwd root 按照提示输入新的密码两次 如果用xshell连接的情况下 xff0c 需要重新验证新的密码 非root 权限修改用户名密码 执行 xff1a passwd userna

  • Ubuntu 更换apt-get源

    Ubuntu最初的apt get源在国外网站 xff0c 因此很多时候通过apt get安装软件速度会很慢 我们可以将apt get源更换成国内镜像源 xff0c 来解决速度慢的问题 更换apt get源主要有以下四个步骤 xff1a 1

  • Loadrunner11安装_简单使用基础教程

    资源均来源于网络 xff0c 若侵权 xff0c 请联系我删除 文章目录 一 Loadrunner11简介 二 Loadrunner11安装教程 三 Virtual User Generator教程 四 Controller教程 五 Ana

  • vue2快速安装环境，创建vue2项目教程(windows)

    1 安装环境 首先首先进入node js xff08 v12 13 0 msi版本 xff0c 最新版可能npm版本太高了 xff0c 会报错 xff0c 不过卸载重新装低版本也行 xff09 官网安装node js xff0c node

热门标签