如何用vscode构建一个简单的框架


本文摘自PHP中文网,作者V,侵删。

本文以vscode+vue框架搭建为例。

第一步:

安装node.js

安装完成之后打开cmd:node -v 查看版本(npm一体的,可以直接查看),显示下图安装成功

9267cb80ec9791127d97e39ece01524.png

第二步:

安装淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org

f1bbf08f823a530e9fafd06452dd3db.png

第三步:

安装脚手架:npm install -g @vue/cli

b6e4373b9613cdefa047628a992fef0.png

第四步:

创建一个项目:进入自己项目的位置(例:d)

c3afbb872118400f8d05759c5a5768b.png

创建:vue create hello_vue

fc97cfc25d26b8561536c9100f73838.png

第五步:

安装vscode,打开工具,file―》open folder―》打开项目文件

ctrl+~打开控制台;重新安装依赖:cnpm install

安装后在项目框架中会出现

916ed5a45392d05da34aed993503c99.png

然后开始运行项目吧!

运行:npm run dev

相关文章教程推荐:vscode教程

以上就是如何用vscode构建一个简单的框架的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

vsCode怎么断点调试

详解vsCode利用git来可视化管理源代码的方法

vsCode怎么运行python代码

浅谈vsCode配置并进行qt开发的方法

vsCode如何离线安装插件

vsCode和visual studio有什么区别

vsCode中的git是干啥的

一些提高开发效率的vsCode必备插件(分享)

vsCode终端无法输入命令

vsCode怎么忽略错误

更多相关阅读请进入《vsCode》频道 >>



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...