码迷,mamicode.com
首页 > Web开发 > 详细

使用VS Code搭建Vue.js项目

时间:2019-10-17 16:05:42      阅读:127      评论:0      收藏:0      [点我收藏+]

标签:pac   版本   ctrl   输入   详细步骤   arp   inf   details   install   

1.安装node.js。详细步骤:https://www.runoob.com/nodejs/nodejs-install-setup.html

2.更新npm版本,在命令窗口输入,如下所示

npm install npm -g

3.安装VS Code。详细步骤:https://blog.csdn.net/Calvin_zhou/article/details/78487121

4.安装Vue脚手架,命令窗口输入

npm install -g @vue/cli

5.打开VS Code并打开一个你想要存放项目的文件夹。使用快捷键Ctrl+`打开集成终端。

6.在集成终端中输入指令。注:projectName换成你想要的项目名称,如MyProject等等

vue init webpack projectName

如图下所示,如若提示未安装全局vue-cli请根据提示安装:

技术图片

 

7.项目完成后,根据提示输入

技术图片

 

技术图片

 

 8.打开浏览器输入:http://localhost:8080,出现如下图所示便成功了

技术图片

 

使用VS Code搭建Vue.js项目

标签:pac   版本   ctrl   输入   详细步骤   arp   inf   details   install   

原文地址:https://www.cnblogs.com/zhm001/p/11692272.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!