>

历史版本下载地址,开始一个实战项目是进一步

- 编辑:澳门博发娱乐官网 -

历史版本下载地址,开始一个实战项目是进一步

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(接收设置)。

本文由胜博发-操作发布,转载请注明来源:历史版本下载地址,开始一个实战项目是进一步