首页 > 其他 > 详细

Vue创建项目

时间:2021-08-17 14:37:32      阅读:11      评论:0      收藏:0      [点我收藏+]

第一步 npm安装

首先:从官网地址下载nodejs
官网地址:https://nodejs.org/zh-cn/

技术分享图片

双击安装,在安装界面一直Next(这里是我下载的版本)

图1
技术分享图片
图2
技术分享图片
图3
技术分享图片

直到Finish完成安装。

打开控制命令行程序(CMD),检查是否正常:

技术分享图片

注意:虽然node自带npm,但是不是最新的版本,如果不是最新的版本,可以运行以下指令:

npm install -g npm

国内直接使用npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像:

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

第二步 项目初始化

  1. 安装vue-cli

cnpm install vue-cli -g //全局安装 vue-cli

技术分享图片

2.查看vue-cli是否成功,不能检查vue-cli,需要检查vue

技术分享图片

选定路径,新建vue项目,然后cd新建的目录路径

  1. cli2 创建项目

vue init webpack ”项目名称“
技术分享图片

  1. 现在已经创建好了,那就让项目先安装下依赖再运行一下,会出现下面的页面,操作指令是:
cnpm install
cnpm run dev

技术分享图片

直接再浏览器访问doc窗口中的url:

技术分享图片

Vue创建项目

原文:https://www.cnblogs.com/songwp/p/15151786.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!