如何新建一个vue2项目（超详细哦）

第一步npm安装

详细教程：点击查看

第二步使用淘宝NPM镜像

大家都知道国内直接使用npm的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。

【win+r】输入cmd，打开命令行窗口，输入

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

安装完成后，就可以使用cnpm命令来安装模块了。

第三步项目初始化

① 安装vue-cli

npm install vue-cli -g      //全局安装 vue-cli

安装完成后，vue-cli文件夹会出现在你自定义的全局路径下。

查看vue-cli是否成功，不能检查vue-cli，需要检查vue

选定路径，新建vue项目。这里我是在桌面上新建了test文件夹，然后双击test，进入文件夹。

按住【shift】+ 【鼠标右键】，打开Powershell窗口。

当前test文件夹的路径就会出现在该窗口中，输入vue list查看状态是否ok，如下显示说明正常。

② cli2创建项目

vue init webpack  "项目名称"

安装完成后就会有下面的命令提示，按照提示依次输入

运行npm run dev 之后会出现一个端口号为8080的地址，将这个地址复制到浏览器打开

demo项目目录结构如下

项目搭建就完成了

如何新建一个vue2项目（超详细哦）相关推荐

idea ssm打war包_使用idea新建springBoot+Gradle项目(超详细)
一.先说下IDEA 跟Eclipse在一些名词的区别 idea中的new project类似于eclipse中的workspace. idea中的 module 则类似于eclipse中的 proje ...
eclipse+jsp+servlet+sqlserver+tomcat实现增删改查的一个小项目(超详细教程)
哈喽,大家好,我是冷风,,拖延了一天,实在是太抱歉(虽然也没多少人看我的博客,哈哈) 这个小项目我一共花了五天的时间才把它的功能给完成,因为个人原因,学过的知识已经丢了两年,不过我会在最短的时间学习到 ...
idea(中英文版)java新建一个运行项目到类(超详细)
使用idea时候要新建一个项目,这个是下载了中文的一个插件,如果是英文原版的对照着位置进行操作即可. 这里的步骤就是新建一个空项目(第1-4步)----新建一个新模块(第5-7步)---新建一个包(第 ...
idea 添加servlet依赖_详解如何使用IntelliJ IDEA新建一个Servlet项目
本文介绍了使用IntelliJ IDEA新建一个Servlet项目,一步步很详细,有需要的朋友可以了解一下创建项目创建完后的目录结构为: web项目配置在WEB-INF目录下新建两个文件夹,分别 ...
嵌入式：Keil uvision5环境下创建一个工程模板(步骤超详细)
嵌入式:Keil uvision5环境下创建一个工程模板(步骤超详细) 1.创建一个空的文件夹,命名为"test"(可以为任何名字) 2.打开test文件夹,在该目录下依次创建两个 ...
idea构建web项目-超详细教程
1.idea构建web项目 idea构建web项目的超级详细教程,一步一步来,完全没问题! 1.新建一个空项目 2.新建java模块,名为webDemo1 3.选择webDemo1右键,选择Add F ...
idea 如何新建一个Maven项目并且写第一个servlet
使用idea已经有段时间了,但是一直没有自己亲自新建一个项目,从头开始写一个Servlet,今天就来学习一下,并且记一个笔记. 一. 1.首先,打开idea new-->Project 2.选择 ...
centos7+tomcat部署JavaWeb项目超详细步骤
转自:https://www.cnblogs.com/xiaohu1218/p/7233162.html 我们平时访问的网站大多都是发布在云服务器上的,比如阿里云.腾讯云等.对于新手,尤其是没有接触过 ...
手把手教你新建一个winform项目（史上最全）
文章目录前言: 第1步.打开Microsoft Visual Studio(简称vs),本人这里使用的是Visual Studio 2017 专业版,如下图: 1.2 Visual Studio C ...

如何新建一个vue2项目（超详细哦）

第一步npm安装

第二步使用淘宝NPM镜像

第三步项目初始化

如何新建一个vue2项目（超详细哦）相关推荐

最新文章

热门文章