hubilder 配置 Vue

向右看齐 2023-07-25 06:17 77阅读 0赞

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

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

  1. node --version

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

  1. path

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

（2）配置淘宝镜像cnpm
因为npm是国外仓库位置，因为网速原因，建议cmd命令配置：

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

查看镜像

  1. cnmp  -v

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

  1. cnpm install vue  //安装vue 
  3. cnpm install --global vue-cli  //安装vue-cli

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

（4）创建项目
在cmd命令行中，到创建的项目工程文件夹目录下：·

  1. cd  D:\uni-app （自己的项目目录）
  3. vue init webpack helloVue  //项目名不能大写

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

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

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

在这里插入图片描述

启动项目

  1. cd 项目地址
  2. npm run dev

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

发表评论

表情：
评论列表 （有 0 条评论，77人围观）

还没有评论，来说两句吧...

相关阅读