最近一个项目需要使用vue,作为小白,记录一下自己的学习历程吧(项目之环境配置)

一、环境准备

1.git 2.19.0(免费、开源的分布式版本控制系统)

  下载地址:https://git-scm.com

  查看git版本:安装完成后,打开命令提示符输入      git  --version

2.nginx 1.15.3(高性能的HTTP和反向代理服务器)

  下载地址:http://nginx.org/en/download.html

  解压后的文件:

  运行nginx: 打开命令提示符窗口,切换至nginx解压目录,输入 start ngnix.exe

3.idea 2018.2.3

  下载地址:https://www.jetbrains.com/idea/

  安装完成后,让人头疼的就是注册码的事,网上搜索了好多关于注册码的教程,但基本上都不行,这里推荐使用jar压缩包

  第一步:下载jar包

    jar包下载地址:http://idea.lanyus.com/jar/JetbrainsCrack-3.1-release-enc.jar

  第二步:修改配置文件

    1.将下载好的jar包拷贝到IDEA安装路径下的bin文件夹里面

    2.修改上图中的两个文件,idea.exe.vmoptions和idea64.exe.vmoptions,使用记事本打开,在两个文件最后分别加上

-javaagent:D:\IntelliJ IDEA 2018.2.3\bin\JetbrainsCrack-3.1-release-enc.jar

    第三步:修改Activation Code

    重启IDEA,注册时选择Activation Code,复制粘贴下面文本框的内容,记得更改用户名和邮箱

 1 ThisCrackLicenseId-{
 2 "licenseId":"ThisCrackLicenseId",
 3 "licenseeName":"此处填写自己的用户名",
 4  "assigneeName":"",
 5 "assigneeEmail":"此处填写自己的邮箱",
 6  "licenseRestriction":"For This Crack, Only Test! Please support genuine!!!", "checkConcurrentUse":false, "products":[
 7 {"code":"II","paidUpTo":"2099-12-31"}, {"code":"DM","paidUpTo":"2099-12-31"}, {"code":"AC","paidUpTo":"2099-12-31"}, {"code":"RS0","paidUpTo":"2099-12-31"}, {"code":"WS","paidUpTo":"2099-12-31"}, {"code":"DPN","paidUpTo":"2099-12-31"}, {"code":"RC","paidUpTo":"2099-12-31"}, {"code":"PS","paidUpTo":"2099-12-31"}, {"code":"DC","paidUpTo":"2099-12-31"}, {"code":"RM","paidUpTo":"2099-12-31"}, {"code":"CL","paidUpTo":"2099-12-31"}, {"code":"PC","paidUpTo":"2099-12-31"} ],
 8 "hash":"2911276/0",
 9 "gracePeriodDays":7,
10 "autoProlongated":false}

      参考地址:https://blog.csdn.net/qq_24504453/article/details/77407329

4.node.js 8.11.4(Node.js 是运行在服务端的 JavaScript,如果你熟悉Javascript,那么你将会很容易的学会Node.js)

  下载地址:https://nodejs.org/en/download/releases/

    这里我们选择后缀名为.msi的文件,下载后直接安装

    查看node.js版本:打开命令提示符输入:node -v

5.vue-cli (vue脚手架)

  打开命令提示符输入:npm install -g vue-cli

6.cnpm(因npm速度较慢,推荐使用淘宝镜像)

  打开命令提示符输入:npm install -g cnpm --registry=https://registry.npm.taobao.org

7.github账号

  网站地址:https://github.com/

至此环境准备完毕,小白经验不足,还请各位大佬指教

原文地址:https://www.cnblogs.com/erhei/p/9696225.html

时间: 2024-10-19 11:35:33

最近一个项目需要使用vue,作为小白,记录一下自己的学习历程吧(项目之环境配置)的相关文章

如何将原有 Weex 项目改造成 Vue 版本

Weex 本身有一套语法规则,和 Vue 本身很相似,现在 Weex 与 Vue 有了官方合作,支持将 Vue 2.x 作为内置的前端框架,我们也推荐大家使用 Vue 2.x 的语法开发原生应用.对于现存旧版的 .we 文件,建议大家将其改造成 Vue 版本. 要解决的问题 将内核切换成 Vue 之后,原先基于 Weex 语法开发的项目将如何过渡到 Vue ? 首先需要明确一点:Weex 原有的前端框架也会继续存在于 WeexSDK 中,依然支持 .we 文件格式的写法. 此外,由于 .we 和

项目回顾2-vue的初体验-在已有项目局部使用vue,无须额外配置

当了解到尤大大的vue的时候,就很想在项目里用一下,不过当用了vue cli 创建了一个脚手架之后,感觉现有的项目改造难度太大了,毕竟原来是JQ的.这个项目已经上线,基本功能也完成了,客户提出来后台对项目需要有时间,省市,进度,提交时间的筛选,还有项目名的筛选.后台的同事已经沉溺于其他项目,再拉他回来写api有点麻烦. 于是,我决定把vue嵌入到现有的项目中,并不使用npm,webpack,gulp等家伙,也就不用配置啦,就像以前使用jquery插件一样. 这样的话就很简单了 <script s

VUE项目多环境配置.md

目录 一.了解webpack.DefinePlugin 二.项目中如何配置多环境 web项目开发,通常需要有开发环境.测试环境和生产环境,用于配置不同的环境变更,如调用本地接口.测试接口和生产接口,VUE项目是前后端完全分离的框架,像是web界的C/S构架,在做VUE前端开发时,就需要用开发环境甚至于mock环境,等项目上线时,则需要使用生产的环境变量进行打包部署. 一.了解webpack.DefinePlugin webpack是静态模块打包器,可以将vue项目中所有文件打包成一个或多个jsb

Vue+koa2开发一款全栈小程序(5.服务端环境搭建和项目初始化)

1.微信公众平台小程序关联腾讯云 腾讯云的开发环境是给免费的一个后台,但是只能够用于开发,如果用于生产是需要花钱的,我们先用开发环境吧 1.用小程序开发邮箱账号登录微信公众平台 2.[设置]→[开发者工具]→第一次是git管理,开启腾讯云关联 3.会一路跳转到腾讯云的[开通开发环境]的流程要走 1.已经完成 2.下载安装微信开发者工具,也已经下载安装了 3.下载Node.js版本Demo 将demo中的server文件夹,复制到mpvue项目中 在项目下的project.config.json中

如何搭建一个基于 Egg + Webpack + Vue 的服务端渲染工程项目呢?

如何搭建一个基于 Egg + Webpack + Vue 的服务端渲染工程项目呢? 项目你可以通过 easywebpack-cli 直接初始化即可完成或者clone egg-vue-webpack-boilerplate.下面说明一下从零如何搭建一个Egg + Webpack + Vue 的服务端渲染工程项目. 通过 egg-init 初始化 egg 项目 egg-init egg-vue-ssr // choose Simple egg app 安装 easywebpack-vue 和 egg

.NetCore2.0项目之ABP+Vue(IView框架)单页应用之路,启动

首先很久没有好好静下心来做点东西了,一直用忙碌做借口,实际还是懒,今天决定动一动. 第一步,下载自己的项目模板 首先vue项目国内的暂时还没有,要登录https://aspnetboilerplate.com/才可以下载 第二步 ,代码整理 下载下来之后分为两个文件夹标准的前后端分离,一个aspnetcore 负责WebAPI提供服务,一个vue前端展示,我自己把这当做两个项目维护,那么git走起来 源码管理还是很有必要的,这样方便随时随地拉代码以及查看变更. 开发 由于abp下载下来自带的是M

内含star项目推荐:程序员小白人手必备,GitHub搜索教程

说起GitHub,相信在座的各位都不会感到陌生,作为全球最大的社交编程及代码托管网站,GitHub几乎对于每一个程序员来说都是一个必不可少的工具. GitHub被喻为全球最大的"同兴趣交友网站"以及代码仓库,不管你是想上传自己的代码,以此保存代码或炫技,还是想要跟全世界优秀的技术大牛学习编程经验,GitHub统统都能满足你. 技术界有一个说法,GitHub越来越成为衡量程序员能力的指标了,虽然并不是决定性的,但关注数.Fork数和star数在一定程度上也反映了一个程序员的编程实力.现在

一个故事讲懂vue父子组件传值

作者:李佳明同学链接:https://www.jianshu.com/p/2272b6ca0f0c 一个故事讲懂vue父子组件传值 讲故事前先讲代码 父组件向子组件传值 父组件数据传递给子组件可以通过props属性来实现父组件: <template>  <div id="app">    <child-component v-bind:dataOfChild="dataOfParent"></child-component&

vue学习(1) vue-cli 项目搭建

vue学习(1)  vue-cli 项目搭建 一.windows环境 1. 下载node.js安装包 官网:https://nodejs.org/en/download/ 选择LTS下载 2. 安装 下载完成后点击安装包安装到自己指定的文件夹 windows + r 打开cmd,在命令行中输入node -v,如果安装成功就可以看到当前node的版本 输入npm -v,可以看到相应的npm的版本 3. 安装vue-cli npm install -g cli 4. 创建cli项目 首先cd进入到你