npm vue项目的创建

一、创建项目之前需要先下载一个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+鼠标左键直接选中网站打开):