npm vue项目的创建

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

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

npm vue项目的创建

 

 

  二、创建

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

npm vue项目的创建

 

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

安装:

然后输入命令

npm vue项目的创建

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

npm vue项目的创建

 然后,回车开始创建npm vue项目的创建

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

npm vue项目的创建

 

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

 npm vue项目的创建

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

npm vue项目的创建

 

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

npm vue项目的创建

 npm vue项目的创建

 

npm vue项目的创建

上一篇:如何写出优雅的代码(一)


下一篇:plt绘图细节调整