vsCode新建一个vue脚手架

1.下载vsCode:

https://code.visualstudio.com/Download

 

2.创建项目文件夹:

在任意地方新建文件夹,右击vscode进入:

 

 

3.进入终端

如果没有安装vue-cli,在终端输入:

npm install -g vue-cli

 

用来全局安装vue-cli

3.2、然后新建项目

终端输入:

vue init webpack projectName

 

projectName换为你想要的名字。这里我建立的项目名为 firstVueDemo

然后一直按确认或输入y按确认,等待项目初始化,如下图:

 

 

项目完成后,运行如下命令(执行两个黄色命令):

 

效果如下:

 

下Chrome浏览器下输入对应的网址:

效果如下:

 

发布了143 篇原创文章 · 获赞 40 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/LemonSnm/article/details/100103288