首页 > 其他 > 详细

npm vue项目的创建

时间:2021-09-11 21:48:02      阅读:34      评论:0      收藏:0      [点我收藏+]

一、创建项目之前需要先下载一个node.js

官方网址:https://nodejs.org/en/

技术分享图片

 

 

  二、创建

(1)建一个文件夹,进入这个文件夹输入cmd打开小黑窗:

技术分享图片

 

Vue.js文档:https://cli.vuejs.org/zh/guide/installation.html(或百度搜索Vue--》生态系统--》Vue Cll)

安装:

然后输入命令

技术分享图片

 (2)在小黑窗创建一个子文件夹:vue create demo01

技术分享图片

 然后,回车开始创建技术分享图片

(3)创建成功之后在vscode中打开:

技术分享图片

 

 方法1、在demo01的文件夹中输入cmd打开命令行输入npm run serve

 技术分享图片

 方法2、直接在vscode中右键选中demo01,在集成终端打开,输入npm run server

技术分享图片

 

 (4)运行成功,打开网址可以直接看到网站内容(可以Ctrl+鼠标左键直接打开):

技术分享图片

 技术分享图片

 

npm vue项目的创建

原文:https://www.cnblogs.com/xz1005xfx/p/15252739.html

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