婚车租赁微信小程序_详解vue.js 开发环境搭建最简

发布时间:2021-01-12 10:37 作者:jianzhan

摘要: 详细说明vue.js 开发设计自然环境构建非常简单功略 作为一位学习培训道上的新手,最初就对 vue.js 拥有莫名其妙的好感度,了解 vue.js 也可以完成 angular.js 的双重关联等一些作用后

详解vue.js 开发环境搭建最简单攻略       本篇文章主要介绍了vue.js 开发环境搭建最简单攻略,这里整理了详细的步骤,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

做为一名学习路上的小白,起初就对 vue.js 有着莫名的好感,知道 vue.js 也能实现 angular.js 的双向绑定等一些功能后,妥妥的先把 angular.js 和 node.js 丢到后面再去学, 看了看 vue 文档,首先要搭建一个开发环境,因为自己太小白,看了一些搭建开发环境的博客,表示专业术语太多依然还是一脸懵逼。

具体流程大概如下:

 

很难理解?没关系,我也没理解,跟着操作就行了,我是window系统。

1.安装node.js

起初是很不理解的,我学 vue.js 还要掌握 node.js吗?这是没有关联的,NPM是NodeJS下的一个包管理工具,它可以很方便的帮你管理(可以简单理解为下载)poser,Twitter 的 Bower 一样。使用Vue不需要安装NodeJS,这里下载NodeJS只是为了使用其内置的NPM工具,所以不需要你有任何的NodeJS基础,只需要运行 npm install vue 命令,即可把 Vue 的最新版本下载至 node_modules 文件夹。如果你只是想手动引入 Vue ,只需要在「」进行下载,或者通过CDN进行引入 。

2.安装淘宝镜像

在这里,有一个问题,使用 npm 会导致网速很慢,对于大陆用户,建议将 npm 的注册表源设置为国内的镜像,可以大幅提升安装速度。

打开命令行,输入以下命令

npm install -pm --registry= pre>

 

直接复制上去就好,下面会出现一串代码,表示在安装,无需理会。

3. 全局安装 vue-cli 脚手架

继续在命令行输出以下命令:

cnpm install webpack -g

 

-g 表示全局,输出上面的指令之后,下面又会有一串代码,表示安装无需理会,安装完成之后可以检测一下,输出 vue ,会显示这样的情况,表示安装成功。

4.安装 webpack

继续在命令行输入以下命令:

vue init webpack my-first-vue-project

创建一个基于 webpack 模板的新项目,后面的 my-first-vue-project 指的是这个项目的名称,你也可以换成其它的。

 

然后会下载安装这套模板,命令行会出现几个问题,你跟着下面的步骤回答就可以了。

 Project name
 Project description 
 Author 
 Use ESLint to lint your code (y/n)
 Setup unit test with Karma + Mocha (y/n)
 Setup e2e tests with Nightwatch (y/n)
第一行问你项目名称,输入 my-first-vue-project
第二行问你项目描述,输入 this is my vue
第三行问作者的名字,输入 你自己的名字就好
第四、五、六行都直接在后面输入 NO 。

这个项目就初始化完成了,你可以在电脑上查看,在当前目录下就会多一个文件夹叫做 my-first-vue-project,里面会有些文件。

5. 用CD命令行查找进入到工程目录

6.安装依赖

在当前工程目录下输入命令行:

cnpm install

安装完成之后,在电脑上回到 my-first-vue-project 这个文件夹,里面会多一个 node_modules 文件夹。

7. 启动项目
接下来继续输入以下命令行:

npm run dev

 

服务器启动成功之后,下面就会给出一串指令告诉你:

Listening at pre>

然后到浏览器进入这个页面可以看见这样的页面:

这样就表示开发环境搭建结束啦。

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


  • 手机微信微信小程序订制

    模拟题目:手机上手机微信手机微信微信小程序定制具体实际操作步骤。 有许多人要想了解,自己想开发设计设计方案设计方案计划方案一个所属于自身的手机上手机微信手机微信微信

  • 如何检索手机微信微信小

    许多客户在一开始应用手机微信微信小程序时都是碰到这一难题,如何检索手机微信微信小程序? 1.手机微信微信小程序和独立的手机上app不一样,手机微信微信小程序能够立即在手机微

  • 微信小程序涉及到各个领

    2020年第二届全国性性青年人人运动健身健身运动会(以下统称“二青会”)由山西省省省承办,自主创新了传输方式,一切人依据手机上手机微信帐户便可以登录,简单方便快捷,减少

  • 四月份, 要我来告知你: 手

    阿拉丁指数值社交媒体榜 在阿拉丁指数值全新公布的微信小程序指数值周榜TOP100,列举微信小程序每个行业的拌总榜状况。在其中,游戏绿色生态初再加手机微信官方网对第三方手机游

  • 新零售大佬混战,生鲜食

    “舍命狂奔”的盒马鲜生鲜生鲜食品生踩下了刹车踏板脚踏板。4月30日,盒马鲜生鲜生鲜食品生发布关闭昆山市市新城区区吾悦大城市城市广场店,它是不断在全国性性得出150家门口口