当前位置: 首页 > 编程笔记 >

vue环境搭建简单教程

东方和志
2023-03-14
本文向大家介绍vue环境搭建简单教程,包括了vue环境搭建简单教程的使用技巧和注意事项,需要的朋友参考一下

要使用vue来开发前端框架,首先要有环境,这个环境要借助于node,所以要先安装node,借助于node里面的npm来安装需要的依赖等等。

①安装nodejs

https://nodejs.org

下载nodejs,(lts)安装的时候,点击同意,一路next就可以。

会自带一个npm(npm是个包管理器,有啥用?是个仓库,需要用到啥 直接npm install packageName就可以了)

测试:

②安装cnpm(淘宝镜像,)

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

③安装vue-cli

windows电脑,同时按下widnows+r,输入cmd,点击回车,进入到命令行模式;

在命令行中输入以下指令,最后点击回车
(npm install vue-cli -g (cnpm在安装好淘宝镜像后和npm等同))cnpm install --global vue-cli

④安装webpack

npm install webpack -g

  

④根据vue-cli安装后提供的vue指令创建模板项目

  使用老师提供的模板压缩包(tpls.zip)

  tpls.zip我已经上传在在文件下“资料”里

放在D盘,新建vue_cli,将解压后的每个文件复制到vue_cli中。

⑤安装项目需要用到的依赖

将上述文件夹解压缩之后,进入到该目录中执行指令:

cnpm install

⑥执行指令,启动开发服务器

npm run dev

注意:如果淘宝镜像安装失败,解决办法:

先设置代理为空 npm config set proxy null,然后再次安装淘宝镜

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍超简单的Vue.js环境搭建教程,包括了超简单的Vue.js环境搭建教程的使用技巧和注意事项,需要的朋友参考一下 vue这个新的工具,确实能够提高效率,vue入门的精髓:(前提都是在网络连接上的情况下) 1.要使用vue来开发前端框架,首先要有环境,这个环境要借助于node,所以要先安装node,借助于node里面的npm来安装需要的依赖等等。 这里有一个小技巧:如果在cmd中直接使

  • 本文向大家介绍Eclipse中Python开发环境搭建简单教程,包括了Eclipse中Python开发环境搭建简单教程的使用技巧和注意事项,需要的朋友参考一下 一、背景介绍   Eclipse是一款基于Java的可扩展开发平台。其官方下载中包括J2EE方向版本、Java方向版本、C/C++方向版本、移动应用方向版本等诸多版本。除此之外,Eclipse还可以通过安装插件的方式进行诸如Python、A

  • 本文向大家介绍Vue环境搭建+VSCode+Win10的详细教程,包括了Vue环境搭建+VSCode+Win10的详细教程的使用技巧和注意事项,需要的朋友参考一下 一、安装Node.js(js的运行环境) 1.在Node.js官网https://nodejs.org/en/download/ 下载安装包。 2.下载后进行安装。 3.打开命令行,输入node -v可以查看到版本号。输入npm –v可

  • 本文向大家介绍Java Spring开发环境搭建及简单入门示例教程,包括了Java Spring开发环境搭建及简单入门示例教程的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了Java Spring开发环境搭建及简单入门示例。分享给大家供大家参考,具体如下: 前言 虽然之前用过Spring,但是今天试着去搭建依然遇到了困难,而且上网找教程,很多写的是在web里使用Spring MVC的示例,

  • 本文向大家介绍JAVA开发环境搭建教程,包括了JAVA开发环境搭建教程的使用技巧和注意事项,需要的朋友参考一下 一、安装JDK 1、 JVM(Java Virtual Machine—Java虚拟机) JRE(Java Runtime Environment—Java运行时环境) JDK(Java Development kit—Java开发工具包) 2、JDK包含了JRE和JVM,所以安装了JD

  • 一、系统约定 软件源代码包存放位置:/usr/local/src 源码包编译安装位置(prefix):/usr/local/software_name 脚本以及维护程序存放位置:/usr/local/sbin MySQL 数据库位置:/var/lib/MySQL(可按情况设置) Apache 网站根目录:/home/www/wwwroot(可按情况设置) Apache 虚拟主机日志根目录:/hom