首页 > 其他分享 >【Vue】新建Vue项目

【Vue】新建Vue项目

时间:2022-10-13 18:13:00浏览次数:58  
标签:node npm vue 项目 新建 Vue 安装

前提条件

步骤

主要步骤如下:

  1. 确定已安装node环境。
  2. 使用命令新建vue项目
  3. 安装依赖并启动服务器

接下来,我们详细说明这些步骤。

  • 查看是否已安装node16.0或更高版本。

这里,我们已安装了node16..17,0。如果未安装,可以参考node的安装教程,安装成功后验证即可。

  • 使用命令新建vue项目。打开cmd,切换到对应的网页。
npm init vue@latest

 

这一指令将会安装并执行 create-vue,它是 Vue 官方的项目脚手架工具。你将会看到一些诸如 TypeScript 和测试支持之类的可选功能提示:

如果不确定是否要开启某个功能,你可以直接按下回车键选择 No

  • 项目被创建后,通过以下命令安装依赖,并启动开发服务器。
cd <your-project-name>
npm install
npm run dev

此时,打开浏览器,我们发现了新建的vue项目。

标签:node,npm,vue,项目,新建,Vue,安装
From: https://www.cnblogs.com/luyj00436/p/16789169.html

相关文章

  • 记一次git项目重置(即删除删除历史文件、大文件或隐私文件)
     一个新git项目,同事误上传了一个大文件。导致每次拉下来都很慢。查了下一般用filter-branch命令清理历史或者用BFGRepo-Cleaner工具。因为是个新项目,就不用这么麻烦,且听......
  • vue3插槽变化
    1.默认插槽还是跟以前一样 2.使用具名插槽时,子组件不变以前的父组件掉用的时候<templateslot="example"></template>现在为<templatev-slot:exam......
  • vue拖拽排序功能
    实现效果(可以拖拽排序)  实现步骤一:安装依赖npminstallvuedraggable--save二:在页面中引入importdraggablefrom"vuedraggable";components:{draggab......
  • 前端Vue2-Day49
    Vue.set方法和vm.$set方法:参数(实例对象的某一属性名,属性名,属性值)用于给实例化Vue对象的某一个属性对象动态添加子属性。不允许直接给实例化对象添加属性。即参数第一项不......
  • vue项目搭建(vue2+elementUI+less)
    装node.js然后控制台输入node-v有版本号就是成功了  如是是windows系统建议装个git,我这边习惯用命令行了按照vue和vue-clivue-cli是一个vue的脚手架   ......
  • Vue组件上使用v-model之单选框
    子组件内容:<template><div><inputtype="radio":id="valueName":value="valueName":checked="picked===valueName":picked......
  • Microsoft 365 解决方案:如何更改新建Site Collection到的存储配额
    51CTO博客链接:​​​https://blog.51cto.com/u_13637423​​ 目前微软为了满足大部分客户的需求,默认的情况下,将Office365->SharePointOnline管理中心为每个新建的Site......
  • vue 项目引入 jquery
    一、引入jquery1.方式一默认会安装最新版本jquerynpminstalljquery 2.方式二指定版本[email protected] 3.方式三在package.json文件中 ......
  • 如何在Angular项目中使用MQTT
    前言​​Angular​​是一个基于TypeScript构建的开发平台。它包括一个基于组件的框架,用于构建可伸缩的Web应用;一组完美集成的库,涵盖路由、表单管理、客户端-服务器通信......
  • 富文本 vue-quill-editor 用法
    1.下载npminstallvue-quill-editor--save2.在main.js中引入----全局引入//引入富文本importquillEditorfrom'vue-quill-editor'//引入样式import'quill/d......