Vue 创建一个 Vue 应用

下载安装Node.js

Node.Js中文网Node.jsNode.Js中文网

Vue 创建一个 Vue 应用_第1张图片

按步骤安装到你想安装的目录即可

安装完毕在控制台输入node 或者node -v测试

Vue 创建一个 Vue 应用_第2张图片

将Node.js下载路径改为国内镜像站

npm config set registry=https://registry.npm.taobao.org/

查看镜像

npm config get registry 

Vue 创建一个 Vue 应用_第3张图片

创建项目

命令台进入想创建项目的目录或者直接在目标目录的地址栏输入cmd即可

然后输入

npm create vue@latest

第一次创建可能会比较慢,需要等待一会

接下来选择需要开启的功能(左右选择,按enter确定)

如果不确定是否要开启某个功能,你可以直接按下回车键选择 No。

我选择的是这两个

Vue 创建一个 Vue 应用_第4张图片

在项目被创建后,通过以下步骤安装依赖并启动开发服务器:

> cd

> npm install

> npm run dev

这三句代码会自动生成

Vue 创建一个 Vue 应用_第5张图片

Vue 创建一个 Vue 应用_第6张图片

第二句代码会下载很多资源,大家耐心等待

将应用发布到生产环境,就完成了

Vue 创建一个 Vue 应用_第7张图片

Vue 创建一个 Vue 应用_第8张图片

你可能感兴趣的:(vue.js,前端,javascript)