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

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

第一步：

安装node.js

安装完成之后打开cmd：node -v 查看版本（npm一体的，可以直接查看），显示下图安装成功

 

第二步：

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

 

第三步：

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

 

 第四步：

创建一个项目：进入自己项目的位置（例：d）

善美购物商城Sunway Shop

系统特点：技术领先：系统基于被广泛使用的Windows平台开发，集百家之所长，技术领先、功能完备； 快速建店：只需简单设置，3分钟即可以建立一个功能完备的网上商城； 操作简便：软件操作界面由专业设计人员设计，采用人性化的布局，界面规范，操作简捷； 安装方便：只需传到您的虚拟空间即可； HTML编辑器：内置优秀的HTML在线编辑器； 可扩展性：软件构架灵活，考虑未来功能扩充之需要，具有较强的可扩展性

0 查看详情

 

创建：vue create hello_vue

第五步：

安装vscode，打开工具，file—》open folder—》打开项目文件

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

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

然后开始运行项目吧！

运行：npm run dev

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

以上就是如何用vscode构建一个简单的框架的详细内容，更多请关注其它相关文章！