安装node.js
- 介绍
Node 是一个让 JavaScript 运行在服务端的开发平台,它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言
2.安装
在官网下载安装:https://nodejs.org/en/
安装淘宝镜像
- 介绍
选择性安装,因为直接使用 npm 的官方镜可能会非常慢,也可能会出现很多问题,所以推荐使用淘宝 NPM 镜像
首先执行win+r
命令打开这个界面
输入cmd
点击确定进入
输入安装命令
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
查看是否安装的命令 cnpm -v(下面为安装成功)
注:cnpm中的c的意思是China,使用cnpm安装速度会快很多。
安装脚手架
- 介绍
脚手架帮助我们搭建基本的开发环境,好比架子搭建好了,利用它可以搞定目录结构,本地调试,单元测试,热加载及代码部署等。 - 安装
1.命令行运行cmd,输入指令:cnpm install -g vue-cli
2.验证是否安装成功,在命令输入vue,出来vue的信息,及说明安装成功;
创建vue.js项目
1.建议不要装在c盘,
2.比如在d盘下创建项目,首先要通过命令行进入d盘,输入d: 变进入d盘
3.接下来,我们再d盘下创建项目,如果要在某个文件内创建项目的话,需要进入到文件夹内
4.输入vue init webpack + 项目名字
,运行这个命令
5.运行后一直点击回车键
注:看不懂什么意思的童鞋,一定要弄清楚在进行操作,不然在项目中会很不方便的地方
6.创建完毕后就可以看我们的文件夹了,这时候可以看到我们创建的项目
7.接着我们需要安装依赖,因为各个模板之间都是相互依赖的,所以现在我们要安装依赖,首先要进入到创建的项目中,输入指令:cnpm install
8.安装完成后,可以看到文件夹内多了一个文件
9.就可以启动项目了,输入命令:cnpm run dev
启动项目,启动成功后用
http://localhost:8080
访问项目
10.浏览器输入 http://localhost:8080