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

第一步：

安装node.js

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

第二步：

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

第三步：

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

 第四步：

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

创建：vue create hello_vue

第五步：

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

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

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

然后开始运行项目吧！

运行：npm run dev

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

# vscode  # node.js  # npm  # JS  # https  # 相关文章  # 可以直接  # 镜像  # 为例  # 淘宝  # 第二步  # 创建一个  # 第三步  # 中会  # 重新安装 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 高性价比服务器租赁——企业级配置与24小时运维服务  如何快速查询域名建站关键信息？  Laravel如何使用.env文件管理环境变量？（最佳实践）  Laravel Telescope怎么调试_使用Laravel Telescope进行应用监控与调试  ,南京靠谱的征婚网站？  EditPlus中的正则表达式实战(6)  如何生成腾讯云建站专用兑换码？  iOS UIView常见属性方法小结  Laravel如何构建RESTful API_Laravel标准化API接口开发指南  详解Android——蓝牙技术 带你实现终端间数据传输  车管所网站制作流程,交警当场开简易程序处罚决定书，在交警网站查询不到怎么办？  如何在IIS中新建站点并配置端口与IP地址？  Laravel怎么创建控制器Controller_Laravel路由绑定与控制器逻辑编写【指南】  简单实现Android验证码  如何用AI帮你把自己的生活经历写成一个有趣的故事？  大连网站制作公司哪家好一点,大连买房网站哪个好？  Laravel storage目录权限问题_Laravel文件写入权限设置  Laravel如何使用Gate和Policy进行授权？（权限控制）  Laravel怎么实现软删除SoftDeletes_Laravel模型回收站功能与数据恢复【步骤】  如何快速生成专业多端适配建站电话？  Laravel distinct去重查询_Laravel Eloquent去重方法  Laravel如何实现事件和监听器？（Event & Listener实战）  Laravel如何使用缓存系统提升性能_Laravel缓存驱动和应用优化方案  Laravel如何创建自定义中间件？（Middleware代码示例）  猪八戒网站制作视频,开发一个猪八戒网站，大约需要多少？或者自己请程序员，需要什么程序员，多少程序员能完成？  Laravel如何使用Guzzle调用外部接口_Laravel发起HTTP请求与JSON数据解析【详解】  Laravel如何使用API Resources格式化JSON响应_Laravel数据资源封装与格式化输出  阿里云高弹*务器配置方案｜支持分布式架构与多节点部署  Laravel如何使用Service Provider注册服务_Laravel服务提供者配置与加载  Windows10如何更改计算机工作组_Win10系统属性修改Workgroup  Laravel如何实现文件上传和存储？（本地与S3配置）  Python进程池调度策略_任务分发说明【指导】  Laravel如何使用查询构建器？（Query Builder高级用法）  如何在万网自助建站平台快速创建网站？  深圳网站制作设计招聘,关于服装设计的流行趋势，哪里的资料比较全面？  Windows10如何删除恢复分区_Win10 Diskpart命令强制删除分区  JS碰撞运动实现方法详解  如何快速查询网址的建站时间与历史轨迹？  企业在线网站设计制作流程,想建设一个属于自己的企业网站，该如何去做？  Laravel如何使用Socialite实现第三方登录？（微信/GitHub示例）  JavaScript数据类型有哪些_如何准确判断一个变量的类型  Windows家庭版如何开启组策略(gpedit.msc)？（安装方法）  详解ASP.NET 生成二维码实例（采用ThoughtWorks.QRCode和QrCode.Net两种方式）  浅述节点的创建及常见功能的实现  Laravel策略(Policy)如何控制权限_Laravel Gates与Policies实现用户授权  html5怎么画眼睛_HT5用Canvas或SVG画眼球瞳孔加JS控制动态【绘制】  如何在 Python 中将列表项按字母顺序编号（a.、b.、c. …）  北京网站制作的公司有哪些,北京白云观官方网站？  phpredis提高消息队列的实时性方法(推荐)  Python文本处理实践_日志清洗解析【指导】