vue安装教程（遇到的坑详解）

1.安装node.js(菜鸟教程：http://www.runoob.com/nodejs/nodejs-install-setup.html node官网：https://nodejs.org/en/download/)

2.基于node.js,利用淘宝npm镜像安装相关依赖

在cmd里直接输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，回车，等待安装...(windows使用管理员身份进行安装，若安装不了，可先输入：npm install再输入：npm install -g cnpm –registry=https://registry.npm.taobao.org ；若不在C盘安装，必须配置环境变量，才可继续)

3.安装全局vue-cli脚手架,用于帮助搭建所需的模板框架

在cmd里 1)输入：cnpm install -g vue-cli，回车，等待安装...

2).输入：vue，回车，若出现vue信息说明表示成功

4.创建项目

在cmd里输入：vue init webpack vue_test(项目文件夹名)，回车，等待一小会儿，依次出现‘git’下的项，可按下图操作

5.安装依赖

在cmd里 1).输入：cd vue_test（项目名），回车，进入到具体项目文件夹

2).输入：npm install，回车，等待一小会儿

回到项目文件夹，会发现项目结构里，多了一个node_modules文件夹（该文件里的内容就是之前安装的依赖）

基于脚手架创建的默认项目结构如下图所示：

6.测试环境是否搭建成功

方法1：在cmd里输入：npm run dev

方法2：在浏览里输入：localhost:8080(默认端口为8080)

运行起来后的效果如下图所示：

vue安装教程（遇到的坑详解）相关推荐

mysql数据库压缩图片_MySQL8.0.20压缩版本安装教程图片加文字详解
1.MySQL下载地址: http://ftp.ntu.edu.tw/MySQL/Downloads/MySQL-Cluster-8.0/ 2.解压以后放在一个文件夹里面,创建my.ini配置文件: ...
Maven安装教程以及IDEA配置详解（IDEA版）
下载官网:https://maven.apache.org/download.cgi (下载解压版) 下载位置:在"Files"这一栏,"Binary zip arch ...
无显示器u盘安装centos_最新版 CentOS 8.1.1911 安装教程及常见问题图文详解
基于笔记本(华硕)操作,使用软碟通(UltraISO)制作的系统启动盘(U盘,内存大于8G)操作可自行百度,非常简单(或可留言,择情况出一期U盘制作启动盘教程). a.登录 centos 官网下载镜像 ...
JDK安装教程（有图详解）
1.JDK安装教程一.下载JDK 下载路径: 1.链接: https://www.oracle.com/java/technologies/downloads/. (https://www.orac ...
docker 20安装教程及常见命令详解
本文笔记学习来自B站狂神说视频链接: https://www.bilibili.com/video/BV1og4y1q7M4?p=14 docker安装先卸载系统之前的老版本docker sudo ...
SourceTree安装教程和GitLab配置详解
一.安装Git 链接: http://pan.baidu.com/s/1mh7rICK 密码: 48dj 二.安装SourceTree 链接: http://pan.baidu.com/s/1skWk ...
【无标题】Torch_geometric安装教程，问题汇总详解。
前情提要:本文只谈通过pip方式安装,conda安装的方式博主没有试过,感兴趣的小伙伴可以参考本文自己尝试一下. 首先,在核心上,Torch_geometric的安装方法几乎和pytorch一样,甚至 ...
Mac 2020版M1 安装虚拟机各种踩坑详解(关注文末小惊喜哟)
一.下载Vmware Function 和centos8 VMware-Fusion 和 centos8 镜像下载地址关注小主,文末会有小惊喜哟(可以获取提取码
python3.6.5安装教程-Ubuntu16.04安装python3.6.5步骤详解
下载python3.6.5安装包 1. 上传安装包.打开终端,利用命令cd 进入文件所在文件夹里 python@ubuntu:~/workspace$pwd /home/python/workspac ...
python动态类型的坑_python进阶教程之动态类型详解
动态类型(dynamic typing)是Python另一个重要的核心概念.我们之前说过,Python的变量(variable)不需要声明,而在赋值时,变量可以重新赋值为任意值.这些都与动态类型的概念 ...

vue安装教程（遇到的坑详解）

vue安装教程（遇到的坑详解）相关推荐

最新文章

热门文章