初识vue.js,我的学习之路

Angel爽      2022-02-16     607

关键词:

       在以前做项目时经常是新建一些html、css、等一些文件,但在接触了vue.js之后我发现我已经有点看不懂前端了,这对于我这么一个菜鸟来说实在是很苦逼的事情。现在的前端技术都离不开npm包去管理编译流程,npm是node.js的包管理工具,vue脚手架的搭建也是需要npm进行操作,所以学习vue之前必须要了解node.js。重点是npm的安装与使用,那么首先我们就要下载一个node.js.

       一、安装node.js

   可以直接到node.js的官网下载安装,选好跟自己电脑对应的系统版本进行安装,安装过程也没什么说的就是一直下一步,如果你会安装QQ,那么你一定会安装node.js。

   安装完之后打开自己的命令行工具(如果你问我命令行是什么怎么打开,请出门左拐),输入 node-v和npm-v 如果能显示出版本号就说明安装成功了。

      二、vue脚手架的搭建

  安装完node之后我们就可以使用npm安装 vue-cli了,直接全局安装。

                          npm install vue-cli -g                                            

  因为使用npm下载东西访问的是外网需要 翻 墙 速度会很慢,所以推荐大家使用国内的良心淘宝镜像,也就是cnpm来进行安装。

  可自行进入cnpm的官网,但是要注意一点安装完cnpm之后一定要使用 cnpm-v 查看版本号,否则有可能会安装不成功。cnpm的使用就是把npm换成cnpm即可。

  安装完vue-cli之后就是vue项目的搭建了

 三、搭建项目

            vue init wepack demo1  或者 vue init  webpack-simple demo1        

      其中demo1是项目的名字,这个你可以随便取 aaa、bbb都可以,那么webpack与weppack-simple有什么区别呢?其实基本上没有什么区别,但是你用webpack的话它会有代码格式的检查,不符合它的标准就会报错,如果你想让自己的代码看上去工整养成这个习惯,你就用webpack。除此之外两种生成的配置文件名称也不一样,一个是index.js,一个是webpack.config.js。

                                               

 

运行命令之后一直回车、回车,但是不要太猛,中间会问你是否需要sass?你可以要或者不要。

然后下面会提示你怎么做   cd demo1 进入项目文件,npm install 安装项目依赖,执行 npm run dev 自动打开页面。

                                       出现这个界面那就大功告成了!

                              

 

 

  

 

 

  

机器学习之路--初识

SupervisedandunsupervisedlearningSupervisedlearing: "rightanswers" GivenRegression:PredictcontinuousvaluedoutputClassification:DiscretevaluedoutputUnsupervisedlearning:"Datasets"Givenandnotc 查看详情

python学习之路初识xml

importrequestsfromxml.etreeimportElementTreeasETr=requests.get(‘http://www.webxml.com.cn//webservices/qqOnlineWebService.asmx/qqCheckOnline?qqCode=577800103‘)re=r.textr1=ET.XML(re)print(r1.text)  查看详情

vue学习笔记初识vue——使用html模板

在创建Vue实例时,如果声明了el配置项,那么你也可以省略template 选项。这时候,Vue.js将提取锚点元素的HTML内容,做为模板。我们可以使用单一的el配置项来创建Vue实例:varvm=newVue({el:‘#app‘});在Vue.js中,这种模板被称为HTML... 查看详情

hive学习之路hive初识

目录Hive简介什么是Hive为什么使用HiveHive特点Hive和RDBMS的对比Hive的架构1、用户接口:shell/CLI,jdbc/odbc,webuiCommandLineInterface2、跨语言服务:thriftserver提供了一种能力,让用户可以使用多种不同的语言来操纵hive3、底层的Driver:驱动器Dr... 查看详情

python学习之路:numpy初识(代码片段)

importnumpyasnp;//一维NumPy数组myArray=np.array([1,2,3,4]);print(myArray);[1234]//打印一维数组的形状print(myArray.shape);(4,)//像普通的Python数组一样,NumPy数组的起始索引编号为0。print(myArray[0]);print(myArray[1]);12//像数组一样直接修改NumPy 查看详情

scala学习之路spark初识

一、官网介绍官网地址:http://spark.apache.org/ApacheSpark™是用于大规模数据处理的统一分析引擎。从右侧最后一条新闻看,Spark也用于AI人工智能spark是一个实现快速通用的集群计算平台。它是由加州大学伯克利分校AMP实验室开发... 查看详情

hive学习之路hive初识

Hive简介什么是Hive1、Hive由Facebook实现并开源2、是基于Hadoop的一个数据仓库工具3、可以将结构化的数据映射为一张数据库表4、并提供HQL(HiveSQL)查询功能5、底层数据是存储在HDFS上6、Hive的本质是将SQL语句转换为MapReduce任务运行7、... 查看详情

vue.js系列之一初识vue

在看vue.js之前,可以先看这两篇文章,对于为什么要使用vue会有一定帮助1、 Vue.js !important2、界面之下:还原真实的MV*模式 !important3、web前端优化之reflow(减少页面的回流)4、深度剖析:如何实现一个VirtualDOM算法本系列文... 查看详情

我的javascript学习之路(代码片段)

1.初识Javascript1.简介JavaScript是世界上最流行的语言之一,是一种运行在客户端的脚本语言(Script是脚本的意思)脚本语言:不需要编译,运行过程中由js解释器(js引擎)逐行来进行解释并执行现在也可... 查看详情

我的javascript学习之路(代码片段)

1.初识Javascript1.简介JavaScript是世界上最流行的语言之一,是一种运行在客户端的脚本语言(Script是脚本的意思)脚本语言:不需要编译,运行过程中由js解释器(js引擎)逐行来进行解释并执行现在也可... 查看详情

vue学习笔记初识vue——创建vue示例(代码片段)

vue是以JavaScript作为应用入口,HTML提供一个渲染锚点,创建一个vue示例,引入库文件,创建vue实例,渲染vue实例;引入vue.js库会暴露出一个全局类vue用全局类vue创建一个vue实例varvm=newVue(template:‘<h1>fffff</h1>’//配置项t... 查看详情

我的汇编之路之初识汇编

  引子:我为什么一下子想来自学汇编语言呢?也就是前几天在一个黑客网站看见了一个关于破解rar压缩包密码的.bat应用程序,我把它下下来,然后看了下源码,发现是我之前听说过的汇编语言写的。就这样,我便对汇编语... 查看详情

vue学习之路-1.初步感知(代码片段)

 一、安装    这里使用node的npm包管理工具进行操作。操作前请先下载node。  在工程文件夹中使用以下命令安装vue:npminstallvue  如下图所示:我在helloworld 文件夹中安装vue:    // Vue不支持IE8及其以... 查看详情

vue学习之路(基础篇)(代码片段)

Vue学习之路(基础篇)🍅程序员小王的博客:程序员小王的博客🍅欢迎点赞👍收藏⭐留言📝🍅如有编辑错误联系作者,如果有比较好的文章欢迎分享给我,我会取其精华去其糟粕🍅ja... 查看详情

vue学习笔记之初识vue——实例方法声明(代码片段)

如果需要在点击鼠标时,执行一个复杂的操作,那么采用单一的表达式作为v-on指令值就不够了——我们需要将复杂的操作封装为Vue实例的一个方法,然后将v-on指令的值设置为这个方法。使用methods配置项来声明Vue实例的方法。当... 查看详情

菜鸟之路-java初识

学习java前需要了解的基础计算机知识  1.软件:按照特定顺序组织一系列计算机数据和指令的集合;分为系统软件和应用软件;    软件开发就是制作软件;  2.人机交互:软件使人和计算机的交互更加便利;交互方式... 查看详情

vue学习之路之需要了解的知识汇总(代码片段)

一、vue是什么?  相关网页: https://vuejs.bootcss.com/v2/guide/   及菜鸟教程   https://www.runoob.com/vue2/vue-tutorial.html  vue.js是一套构建用户界面的渐进式框架;它只关注图层,采用自底向上增量开发的设计... 查看详情

vue学习第一篇:vue初识与指令

什么是Vue什么是VueVue.js是一个渐进式JavaScript框架它是构建用户界面的JavaScript框架(让它自动生成js,css,html等)渐进式:vue从小到控制页面中的一个变量到页面一块内容到整个页面,最终大到整个项目,东可以用vue框架来实现vue... 查看详情