hubilder 配置 Vue

(1)安装node.js
(2)配置淘宝镜像cnpm
(3)安装vue和脚手架工具vue-cli
(4)创建项目

(1)安装node.js
官网: http://nodejs.cn/download/
在这里插入图片描述
下载完成双击安装(除了自定义安装目录外,一直next)。
在这里插入图片描述
查看node版本,cmd命令行输入命令。

node --version

查看安装环境,了解文件夹位置。
在cmd中输入path查看环境变量,安装时自动添加了我们的node环境:

path

在这里插入图片描述
node.js 安装目录。
在这里插入图片描述

(2)配置淘宝镜像cnpm
因为npm是国外仓库位置,因为网速原因,建议cmd命令配置:

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

查看镜像

cnmp  -v

在这里插入图片描述
(3) 安装vue和脚手架工具vue-cli

cnpm install vue  //安装vue 

cnpm install --global vue-cli  //安装vue-cli

查看安装位置。
在这里插入图片描述

(4)创建项目
在cmd命令行中,到创建的项目工程文件夹目录下:·

cd  D:\uni-app (自己的项目目录)
vue init webpack helloVue  //项目名不能大写

出现项目名 ProjectName hello 提示时候,一直按回车,选择Yes

在这里插入图片描述创建项目完成后有 黄色字体 提示后面操作

cd hello // 进入项目根目录
cnpm run dev  //运行项目

在这里插入图片描述

启动项目

cd 项目地址
npm run dev

在这里插入图片描述
打开浏览器输入:http://localhost:8080 会自动跳转到当前界面:
在这里插入图片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章