• 技术文章 >开发工具 >VSCode

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

    VV2020-02-10 13:50:59原创1332

    本文以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构建一个简单的框架的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:vscode 框架
    上一篇:vscode在哪下载 下一篇:vscode无法使用鼠标拖动选择
    大前端线上培训班

    相关文章推荐

    • vscode安装主题插件• vscode不识别node命令• vscode和dw的区别• vscode在哪下载

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网