VUE2.0的简单入门(一)-安装node.js环境搭建与项目构建

tip:本文主要介绍vue2.0项目的搭建、vue-webpack、stylus、vue-cli、vue-router、vue-resource等组件的引用和安装

(一)第一步:安装node.js环境搭建

1.官网链接:https://nodejs.org/en/
2.下载完成后,双击安装自己选择路径。
3.打开命令提示符–cmd,windows在“运行”输入cmd即可,或者右击左下角的图标,选择“命令提示符”,亦可。
4.然后在命令提示符的输入框内输入对应的指令如下:(指令写完要记得回车执行)

  • node -v //校验node.js是否安装成功,如下图显示版本号8.9.3
  • npm -v //校验npm的版本,如下图显示版本号5.5.1
    这里写图片描述
  • $ npm install -g cnpm –registry=https://registry.npm.taobao.org 由于国内使用npm会很慢,这里推荐使用淘宝NPM镜像,安装成功后,用cnpm代替npm来安装依赖包。你使用的指令cnpm与npm 是一样的,如果你的网络是国外的使用npm指令就可以。
    完成上面四步,你就可以创建第一个项目了。

(二)第二步:项目构建

1.选择你要安装项目的目录
- e: //进入你的项目盘
- cd vue //进入的项目文件夹
这里写图片描述
2.在选择的目录下,在命令行中运行命令 vue init webpack demo
这里写图片描述
3.依次输入你的项目名 项目介绍 作者 是否使用vue-router 一般是选择yes 然后 eslint(检验代码规范,让你的代码更优雅,就是空格,逗号,分号的使用,新手可以选择no)后续的单元测试都可以选择no,完成后,稍等片刻。
4.然后打开你的e盘,在vue目录下你会看到一个demo的文件夹
5.运行项目,还是指令。
- cd demo //进入你的项目
- cnpm install //初始化你的依赖
- cnpm run dev //启动项目
6.打开浏览器http://localhost:8080就是你的项目雏形了
提示:8080的命令行窗口不能关。

猜你喜欢

转载自blog.csdn.net/qq_38209578/article/details/79198108