| |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
-> JavaScript知识库 -> VUE 3.0 项目搭建流程 -> 正文阅读 |
|
[JavaScript知识库]VUE 3.0 项目搭建流程 |
1、首先按照nodejs。官网:https://nodejs.org/zh-cn/download/ 2、nodejs安装完成后,安装vue-cli。npm i -g @vue/cli? ? ? 检查版本号:vue -V 3、新建一个空的文件夹,用vs code打开。然后在脚手架的命令窗口输入: ????????vue create 项目名称 4、选择初始化的项目配置 (1)选择自动安装还是手动安装。在这里我选择最后一个手动安装,按下回车键进行选择。 (2)Vue 3提供以下特性供选择,可以根据项目需要进行选择添加的配置项,使用空格键来选中。选择完成后,按下回车键确认选择。 (3)选择Vue版本,这里选择3.x。 (4)Use history mode for router 路由模式, 是否选择history模式,启用history模式,项目build之后,可能会出现打开页面空白的情况。这里选择n。 (5)?Pick a CSS pre-processor 选择一种css 预处理器,这里选择第一个。 (6)Pick a linter / formatter config 选择一种代码格式化检测工具,这里选择第一个。 ?(7)Pick additional lint features 代码检查方式,保存时检查 or 提交时检查。这里选择第一个,保存时检查。 ?(8)Where do you prefer placing config for Babel, PostCSS, ESLint, etc. Babel, PostCSS, ESLin等配置文件怎么存放, 是放到单独的配置文件中还是package.json里 这里方便配置清晰好看, 选择每个配置单独文件。 (9)Save this as a preset for future projects 是否需要保存当前配置,在以后的项目中可快速构建 保存后, 后续创建项目时可以直接选择该配置, 不需单独配置,选择N。 ?5、初始化配置完成后,自动开始执行项目搭建流程。 6、项目搭建流程完成后,可以看到successfully 7、最后,根据提示运行 npm run serve?项目就正式启动了。 |
|
JavaScript知识库 最新文章 |
ES6的相关知识点 |
react 函数式组件 & react其他一些总结 |
Vue基础超详细 |
前端JS也可以连点成线(Vue中运用 AntVG6) |
Vue事件处理的基本使用 |
Vue后台项目的记录 (一) |
前后端分离vue跨域,devServer配置proxy代理 |
TypeScript |
初识vuex |
vue项目安装包指令收集 |
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
C++知识库
Java知识库
JavaScript
Python
PHP知识库
人工智能
区块链
大数据
移动开发
嵌入式
开发工具
数据结构与算法
开发测试
游戏开发
网络协议
系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程 数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁 |
360图书馆 购物 三丰科技 阅读网 日历 万年历 2025年1日历 | -2025/1/11 12:55:48- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |