Vue学习笔记(一) 安装Vue

Vue学习笔记(一) 安装Vue

2020-03-24 02:03:12 阅读 147 字数 2941 评论 喜欢 0
  1. 准备工作:安装nodejs

  2. 安装Vue


1.安装node.js

1.1什么是node.js

简单的说 Node.js 就是运行在服务端的 JavaScript。

Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。

Node.js是一个事件驱动I/O服务端JavaScript环境,基于Google的V8引擎,V8引擎执行Javascript的速度非常快,性能非常好。


1.2 下载node.js

Node.js 安装包及源码下载地址为:https://nodejs.org/en/download/

图片.png


根据自己使用的系统,下载相应的安装包。

注意:Linux 上安装 Node.js 需要安装 Python 2.6 或 2.7 ,不建议安装 Python 3.0 以上版本。


3.Windows 安装

步骤 1 : 双击下载后的安装包 v0.10.26,如下所示:

install-node-msi-version-on-windows-step1

步骤 2 : 点击以上的Run(运行),将出现如下界面:

install-node-msi-version-on-windows-step2

步骤 3 : 勾选接受协议选项,点击 next(下一步) 按钮 :

install-node-msi-version-on-windows-step3

步骤 4 : Node.js默认安装目录为"C:Program Filesodejs" , 你可以修改目录,并点击 next(下一步):

install-node-msi-version-on-windows-step4

步骤 5 : 点击树形图标来选择你需要的安装模式 , 然后点击下一步 next(下一步)

install-node-msi-version-on-windows-step5

步骤 6 :点击 Install(安装) 开始安装Node.js。你也可以点击 Back(返回)来修改先前的配置。 然后并点击 next(下一步):

install-node-msi-version-on-windows-step6

安装过程:

install-node-msi-version-on-windows-step7

点击 Finish(完成)按钮退出安装向导。

install-node-msi-version-on-windows-step8


设置环境变量

鼠标右点"计算机"->"高级系统设置"->"环境变量"->""

图片.png

图片.png

图片.png


打开控制台,输入node -v测试下是否安装成功

npm同时默认安装上了,输入npm -v


使用淘宝NPM镜像源下载比较快    命令:npm install -g cnpm --registry=https://registry.npm.taobao.org

至此,安装成功



2.安装Vue

安装vue-cli(全局安装vue-cli)   

命令:npm install vue-cli  或者 cnpm install vue-cli



3.创建Vue项目

在cmd中,需要进入到对应目录

创建项目:vue init webpack vue_demo(项目名)

cd vue_demo

npm install  或者 cnpm install

运行程序:npm run dev

运行之后可以直接访问网址:http://localhost:8080

评论列表

发表评论

验证码