git bash + node+ npm+ vue 搭建第一个vue project（一）

Git Bash是

一定一定要先安装git bash,切记！！

Git bash下载https://git-scm.com/downloads/

选择对应系统版本（也可以不用选，网站会自动检测并推荐版本，点击保存就好），点击安装，git 2.10.0 icon换成了四色的，不是以往的单一色橘红，这与慕课网node安装视频里的版本不一样，但，都是git bash ! 不用怀疑下载错了。(在下载这里听了好大一会，因为两个图标不一样，安装过程也有差异，以为自己下载错了，反复找了好几遍~~~~(>_<)~~~~)。基本上除过安装路径可能要修改一下外，全部默认下一步即可。


Nodejs

官网下载nodejs---http://nodejs.cn/

点击下一步，一路默认安装（可能改安装路径，个人喜欢把所有的编辑器安装在D盘）。

npm一起安装了。

git bash中输入如下命令，显示对应版本号，安装成功。

Vue

按照官网文档进行：

为避免卡顿。更换镜像，如下 nrm,输入nrm test 选择一个速度给力的镜像

进行到这里时，出错了，一直没调好，在群友的帮助下，换了一个饿了么的cooking（http://cookingjs.github.io/zh-cn/intro.html）

搭建了一个vue1.0。好了。

公众号“前端早读课”蛮不错的，今天看到了这篇文章“新手向：Vue 2.0 的建议学习顺序”（https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651223547&idx=1&sn=4d2004a07d03c2a959ae1367579ae184&chksm=bd49ac7f8a3e25697c4f8e840691c900276d4ca640bc338805ec128058c6dfafd42771562dde&scene=0&pass_ticket=0XyfTORKtMAjcl2o1Hs%2Bme6Eeq4hw%2Fre0ZCphFjB43YY%2BWUt5MdXj3yVyQXGouDC）

我决定了按照此文章扎扎实实的学习。

后面搭建好了完整的项目了，再补上来喽。

欢迎在评论区留言，互相学习^O^

时间： 2024-10-06 05:29:22

git bash + node+ npm+ vue 搭建第一个vue project（一）的相关文章

Vue 基于node npm &amp; vue-cli &amp; element UI创建vue单页应用

基于node npm & vue-cli & element UI创建vue单页应用 开发环境   Win 10   node-v10.15.3-x64.msi 下载地址: https://nodejs.org/en/ 安装node 安装vue-cli 1.安装node-v10.15.3-x64.msi 2.设置注册地址 因为npm官方仓库在国外,有时候下载速度会非常慢,不过有淘宝镜像可以使用,下载包的速度很快.而且淘宝镜像是定时更新同步npm的官方仓库的. npm config set

【vue】创建一个vue前端项目，编译，发布

[一]mac检查是否安装node.js nvm --version =>0.33.9 node -v =>v10.7.0 [二]安装vue-cli cnpm install --global vue-cli [三]创建一个vue项目.基于 # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 这里需要进行一些配置,默认回车即可 原文地址:https://www.cnblogs.com/shangxiaofei/p/9429512.htm

定义了一个vue全局方法，不能再vuex中进行调用

你把函数定义在 Vue 的原型链上,只能在 Vue 的实例里才能取到这个方法. vue组件 是一个Vue 的实例,所以你当然能在这里调用到 ajax 方法. 而,vuex 只是一个 vue插件,在 vuex 里的 this 不是指向 vue实例的,所以肯定是取不到 ajax 方法的. 建议:把函数放在一个单独的模块里定义,这样你在项目的不同地方,可以通过 import 的方式引入使用. 原文地址:https://www.cnblogs.com/eternityz/p/12272533.html

Hello Node.js之搭建一个web服务器

Node.js简述 Nodejs 是JavaScript运行时,解释器是C/C++写的,基于ChromeV8引擎, 事件驱动,非阻塞I/O模型.本系列目前参考了Node.js官网,慕课网Scott的Node.js基础,<Node即学即用>图灵系列,以及可能的网上公开资源. Nodejs包管理器是npm 包就是别人写好的库. Nodejs提供了fs,http等内置对象,操作磁盘文件.搭建服务器. 特征:单线程.事件驱动.异步非阻塞I/O模型. Node.js安装 官网安装Node.js,自带np

如何搭建一个vue项目(完整步骤)

参考资料 一.安装node环境 1.下载地址为:https://nodejs.org/en/ 2.检查是否安装成功:如果输出版本号,说明我们安装node环境成功 3.为了提高我们的效率,可以使用淘宝的镜像:http://npm.taobao.org/ 输入:npm install -g cnpm –registry=https://registry.npm.taobao.org,即可安装npm镜像,以后再用到npm的地方直接用cnpm来代替就好了. 检查是否安装成功: 二.搭建vue项目环境 1

vue.js开发环境搭建以及创建一个vue实例

Vue.js 是一套构建用户界面的渐进式框架.Vue 只关注视图层, 采用自底向上增量开发的设计.Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件. 在使用 vue.js 之前首先需要搭建 vue.js 的开发环境,下面,我们就来一步一步的搭建 vue.js 的环境: 1.首先,我们需要安装 node.js: 安装 node.js 请参考  node.js安装配置 ,可以打开命令行,输入 node -v,如果输出版本号,说明我们安装 node 环境成功,输入 npm

Vue搭建一个项目

用Vue搭建一个项目 Vue.js 不支持 IE8 及其以下版本,因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性. Vue.js 支持所有兼容 ECMAScript 5 的浏览器. 安装环境: 第一步:安装  node>js 在这个网站下载适合自己电脑的安装包.然后跟着安装步骤一步一步安装.http://www.cnblogs.com/zzuIvy/p/nodejs_1.html 然后安装好之后需要检查下. 检查是否安装在窗口搜索  cmd 然后输入  node

vue-用Vue-cli从零开始搭建一个Vue项目

Vue是近两年来比较火的一个前端框架(渐进式框架吧). Vue两大核心思想:组件化和数据驱动.组件化就是将一个整体合理拆分为一个一个小块(组件),组件可重复使用:数据驱动是前端的未来发展方向,释放了对DOM的操作,让DOM随着数据的变化自然而然的变化(尤神原话),不必过多的关注DOM,只需要将数据组织好即可.本文用Vue-cli从零开始搭建一个Vue项目. 准备工作 1.下载安装Node.js 下载地址:https://nodejs.org/en/download/ ,选择合适自己的版本下载即可

使用vue-cli脚手架自动化搭建一个vue项目

最近在学习使用vue,简单汇总下如何使用vue-cli脚手架自动化搭建一个vue项: 1.首先,要安装node.js,之后第一步检测是否安装node:没有安装node的同学请到官网下载安装 https://nodejs.org/en/download/ 安装成功后在命令行查看node版本,如果有说明安装成功. 2.之后全局安装vue-cli脚手架 电脑进入cmd,任意路径下 使用 npm命令:npm install vue-cli -g 注意:npm -v 3.0+   npm版本需要在3.0之