搭建Vue脚手架(vue-cli)并创建一个项目

 

1、 安装nodejs环境

官网下载:https://nodejs.org/en/download/ 
一直默认就行,路径可以改变但要记得到

安装完成后cmd,输入node -v ,npm -v

如果能看到node和npm的版本号了,说明已经安装成功 

2、安装vue-cli

有npm和cnpm两种方式,网上都说cnpm好些,所以我也用的cnpm安装,

首先利用淘宝镜像安装cnpm

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

 

 

这个命令只需要运行一次就可以了。安装上之后,以后就不用安装了。

 

3、使用vue-cli来创建一个基于 webpack 模板的新项目

创建 
cmd利用cd指令进入到保存项目的文件夹下,然后输入命令

vue init webpack
如果使用yarn的话就执行yarn install,之后yarn serve

转载于:https://www.cnblogs.com/changhuanran/p/11100937.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/448597.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

NPM 使用介绍

前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。 NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种&#xff1a…

人生致命的八个经典问题

问题一:如果你家附近有一家餐厅,东西又贵又难吃,桌上还爬着蟑螂,你会因为它很近很方便,就一而再、再而三地光临吗? 回答:你一定会说,这是什么烂问题,谁那么笨&#xff0c…

RabbitMQ学习总结(5)——发布和订阅实例详解

2019独角兽企业重金招聘Python工程师标准>>> 一、Publish/Subscribe(发布/订阅)(using the Java Client) 在前面的教程中,我们创建了一个work Queue(工作队列)。工作队列背后的假设是每个任务是…

iOS有哪些数据类型/基本数据类型?

简述 本文主要探究使用OC作为iOS开发语言时,我们能使用哪些数据类型。 一切类型始于C。 C语言的类型 基本数据类型: 基本数据类型(fundamental data types)也叫原始数据类型(primitive data types) 整型、字…

李洋疯狂C语言之将”you are come from shanghai ”倒置为”shanghai from come are you”,将句子中的单词位置倒置,而不改变单词内部结构

题目: 编写一个C函数,将”you are come from shanghai ”倒置为”shanghai from come are you”,及将句子中的单词位置倒置,而不改变单词内部结构 #include <stdio.h> #include <string.h> void change(char *p1, char *p2); //函数声明 int main() {char str[] …

马桶怎么清洗才干净无异味?

方法/步骤 在马桶水箱中一定要放上洁厕宝&#xff1a; 洁厕宝里面含有多种去除马桶中杂质以及异味的功能&#xff0c;另外它还带有香香的味道&#xff0c;我们一按冲马桶的按钮&#xff0c;放出来的总是蓝色的水&#xff0c;十分的美观和好看&#xff0c;但是这并不是花瓶般的作…

白话解说:阻塞和非阻塞,同步和异步

阻塞和非阻塞&#xff0c;同步和异步是node.js里经常遇到的词汇&#xff0c;举例说明&#xff1a; 我要看足球比赛&#xff0c;但是妈妈叫我烧水&#xff0c;电视机在客厅&#xff0c;烧水要在厨房。家里有2个水壶&#xff0c;一个是普通的水壶&#xff0c;另一个是水开了会叫的…

苏嵌点滴(一)

来苏嵌也有12天了&#xff0c;也渐渐开始习惯这样的生活&#xff0c;每天睁眼到闭眼&#xff0c;全都是代码。每天都得学习很多新的知识&#xff0c;C语言学到现在也学得差不多了&#xff0c;还有明天一天课。 指针、数组这些C语言中的重点&#xff0c;还是需要一点时间消化的…

Mysql学习总结(8)——MySql基本查询、连接查询、子查询、正则表达查询讲解...

2019独角兽企业重金招聘Python工程师标准>>> 查询数据指从数据库中获取所需要的数据。查询数据是数据库操作中最常用&#xff0c;也是最重要的操作。用户可以根据自己对数据的需求&#xff0c;使用不同的查询方式。通过不同的查询方式&#xff0c;可以获得不同的数据…

安装OpenCL和AMD驱动程序

我们将安装AMD OpenCL软件开发工具包&#xff08;SDK&#xff09;和AMD驱动程序。 userubuntu:~$ mkdir AMD-APP-SDK-v2.5-lnx64 userubuntu:~$ cd AMD-APP-SDK-v2.5-lnx64/ userubuntu:~$ wgethttp://developer.amd.com/Downloads/AMD-APP-SDK-v2.5-lnx64.tgz userubuntu:~$ t…

Node.js -- Stream 使用小例 ( 流运用 :读取、写入、写出、拷贝)

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 Stream 是一个抽象接口&#xff0c;Node 中有很多对象实现了这个接口。例如&#xff0c;对http 服务器发起请求的request 对象就是一个 …

李洋疯狂C语言之有关“you are come from shanghai”逆序(二)

今天将指针和函数全部学完了&#xff0c;之前这题的做法&#xff0c;现在看来有点繁琐&#xff0c;于是乎做了一些修改&#xff0c;下面是新的代码 //you are from shanghai逆序#include <stdio.h> #include <string.h> //下面要用到strlenvoid reverse(c…

sync - 清空文件系统缓冲区

总览 (SYNOPSIS) sync [OPTION] 描述 (DESCRIPTION) 强迫把更改的块写入磁盘&#xff0c; 并更新超级块。 --help显示帮助然后终止。--version显示版本信息然后终止。 转载于:https://www.cnblogs.com/fanweisheng/p/11101219.html

学会用好 Visual Studio Code

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 Visual Studio Code是个牛逼的编辑器&#xff0c;启动非常快&#xff0c;完全可以用来代替其他文本文件编辑工具。又可以用来做开发&…

苏嵌点滴(二)

今天把指针和函数讲完了&#xff0c;这些都还能接受&#xff0c;之后老师和我们讲了递归&#xff0c;有点难度。 晚上电脑还出了点状况&#xff0c;一个晚自习全用来重装系统和学习软件套装X_X&#xff0c;调试完已经接近下课&#xff0c;递归还没来得及看。 放学后&#xff…

Maven学习总结(五)——聚合与继承

2019独角兽企业重金招聘Python工程师标准>>> Maven学习总结(五)——聚合与继承 一、聚合 如果我们想一次构建多个项目模块&#xff0c;那我们就需要对多个项目模块进行聚合 1.1、聚合配置代码 1 <modules> 2 <module>模块一</module> 3 …

19-6/28作业:100以内偶数求和

☞作业要求 ☞分析思路 在循环里面增加约束&#xff0c;使累加1变成累加2 ☞do-while循环代码 public class GaoSiFor { public static void main(String[] args) { //定义两个变量 int sum 0; int i 0; //开始循环 do{ //…

Visual Studio Code 常用快捷键

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 一、常用快捷键 编辑器与窗口管理 打开一个新窗口&#xff1a; CtrlShiftN 关闭窗口&#xff1a; CtrlShiftW 新建文件 CtrlN 文件之间切…

李洋疯狂C语言之用递归解决李白喝酒问题(附填空题解法)

这是14年蓝桥杯的一道填空题 题目&#xff1a;“李白街上走&#xff0c;提壶去买酒&#xff0c;遇店加一倍&#xff0c;见花喝一斗”&#xff0c; 途中&#xff0c;遇见5次店&#xff0c;见了10此花&#xff0c;壶中原有2斗酒&#xff0c;最后刚好喝 完酒&#xff0c;要求最…

coco creator编辑动画坑之拖图片

如图所示&#xff0c;批量选中多张图片之后&#xff0c;拖到右下角的框中&#xff0c;发现有时候可以有时候不行。这个我觉得是个软件的bug 后来经过测试发现只有在粉红色圈的高度才可以正确放入图片&#xff0c;否则都放不了。转载于:https://www.cnblogs.com/codeDevotee/p/1…