安装过程参见,历史版本下载地址

1.安装nodejs,自带npm环境。

正文为我们三进三出了vuejs安装教程,供大家仿效,具体内容如下

Vue.js是后生可畏套营造顾客分界面包车型地铁渐进式框架。它既集众多美不可言前端框架之大成,又有限援助了其简单易用的特点。对vue.js感兴趣并且风华正茂度通读官方基础教程的初学者的话,起初一个实战项目是进一步深入学习vue.js最棒的不二诀要了。以前,需求学会怎么样搭建开采碰到。

地址:,Node.js 历史版本下载地址:  可自动采取符合本身操作系统的本子。

1.安装nodejs,自带npm环境。

开荒条件的搭建

图片 1

地址:,Node.js 历史版本下载地址: 可自动接收相符本身操作系统的本子。

安装Node.js

Node.js官网:https://nodejs.org/en/

步向Node.js官方网站,选用下载并安装Node.js。安装进度只须要点击“下一步”就可以,如下图,特别轻易。

图片 2

图片 3

图片 4

图片 5

图片 6

评释Node.js是还是不是安装好,在windows下,win+r召唤出运维窗口,输入cmd展开命令行窗口。输入node -v就能够获取相应的Node.js版本。

图片 7

npm包管理器是合二为意气风发在Node.js中了,所以在装置Node.js的时候就曾经自带了npm。输入npm -v可得到npm的本子。

图片 8

瞩目npm的本子须求在3.0.0以上版本,所以,假使npm的版本小于3.0.0,输入以下命令更新npm至最新版本。

npm -g install npm

安装进程参见:。

图片 9

安装cnpm

鉴于财富的界定,安装npm正视包的时候常常失利,提议选取npm的本国镜像cnpm 命令行工具替代暗许的npm。

npm 本国镜像https://npm.taobao.org/

在命令行中输入以下内容等待安装

npm install -g cnpm --registry=https://registry.npm.taobao.org

2.设置天猫商城镜像。

设置进度参见:设置配备

cpnm全局安装vue-cli

在指令行中运转以下命令然后等待安装

cnpm install -g vue-cli

图片 10

因本国访问外国链接速渡过慢,提议将 npm 的挂号表源安装为国内的镜像,能够大幅升高安装速度。

2.设置天猫商城镜像。

创设项目

开垦cmd直接输入:npm install -g cnpm –registry=https://registry.npm.taobao.org,回车,等待安装...

因境内访谈异国异乡链接速渡过慢,提出将 npm 的登记表源安装为国内的镜像,能够小幅度进步安装速度。

新建项目

在此小编将vue项目建在f盘的vueProjiects文件夹下,利用命令步向此目录。在cmd中输入盘符f:回车就能够步向F盘:

图片 11

输入指令 cd vueProjects跳到此目录下:

图片 12

在这里目录下开创多少个依据 webpack 模板的新品类,即在cmd中输入以下命令:

vue init webpack my-vue-project

图片 13

vue init webpack my-vue-project意思是初始化四个品类,利用的是webpack打包和压缩,此项目命名称为my-vue-project。那样,my-vue-project文件夹就自动生成刚刚在钦点的目录中,在这里进程中,须求输入项目名、描述、小编等。

开采my-vue-project文件夹,项目文件如下:

图片 14

npm install -g cnpm --registry=https://registry.npm.taobao.org

开垦cmd直接输入:npm install -g cnpm –registry=...

安装项目信任

在cmd中,注意须求运用命令先固定到my-vue-project目录下,然后输入指令cnpm install安装项目所需的依赖包财富

cnpm install

图片 15

能够看见my-vue-project文件夹下多了三个node_modules文件

图片 16

介意=后边不能够有空格,不然会报错。

npm install -g cnpm --registry=https://registry.npm.taobao.org

运维品种

行任务令npm run dev 运营品种

npm run dev

种类运转成功后浏览器会活动展开localhost:8080表现以下页面:

图片 17

由来,vue的脚手架工具已经搭建完毕,接下去具体项目标支付只需在src目录下张开。

【Thanks  for watching】

3.安装express(接收设置)。

小心=后边不能够有空格,不然会报错。

cnpm install -g express

3.安装express(选取设置)。

本文由必威发布于必威-操作系统,转载请注明出处:安装过程参见,历史版本下载地址

相关阅读