vue3 @/cli脚手架搭建项目
创建一个工作目录：
按住shift键，右键此工作目录打开powershell窗口 (s)
输入：start cmd就进入到cmd下面
输入命令：vue create 项目名称
然后按回车！
进入预设，按方向键向下选择，最后按回车
Vue CLI v4.5.13
? Please pick a preset: (Use arrow keys)
> Default ([Vue 2] babel, eslint) //这个是vue2.x
Default (Vue 3) ([Vue 3] babel, eslint) //这是vue3.x
Manually select features //我们一般都会选择这个做灵活定制，因为其他只有俩个babel, eslint；babel是语法做向下转换，es7，es8的语法，eslint是做代码规范检查。
方向键上下选择，空格表示选中，都勾选完成，按回车
选择vue的版本，选择3.x，回车
选择css的动态处理器，我们选择less，也可以选择sass，回车
es语法检测的规范和规则，选择ESLink with error prevention only（有语法错误的时候）回车。
什么时候做语法检测，默认情况下在保存的时候做语法检测选第一个，回车
都可以选择，我们选择第一个，放到独立的文件里面。
是否把我们刚才选择的保存为一个预设，方便我们后期再项目里面使用，这里选择n，不需要。
回车。
我们输入：
cd vue3-project 回车
再输入：npm run serve
启动一个服务，访问到我们的项目。
App running at:
- Local: http://localhost:8080/ 本地访问我们的app
- Network: http://192.168.1.9:8080/ 网络访问我们app
我们在地址栏输入： http://localhost:8080/
这样表示我们的项目创建成功了！！！！！！！！
查看一下我们项目：
总结：
创建项目
--执行：vue create项目名称，进入交互模式启动项目
--切换到项目根目录，执行 npm run server启动开发服务器访问项目
--根据提示url访问
亲测！！！
vue3 @/cli脚手架搭建项目相关推荐
- vue脚手架搭建项目_复习之vue脚手架搭建项目的两种方法
安装脚手架 node 版本要求: > 8.9 . 关于旧版本:如果在这之前已经全局安装了旧版本的vue-cli(1.x 或 2.x),那么需要先卸载掉. 卸载旧版本运行:``npm uninst ...
- 01-使用脚手架搭建项目
知识点1-使用脚手架 1.脚手架的基本知识点 1.脚手架本质 ---脚手架本质就是一个插件vue-cli: 2.脚手架作用 ----可以帮助我们快速创建一个项目的目录结构: 使用脚手架来搭建项目结构 ...
- vue脚手架搭建项目的兼容性配置
使用vue-cli搭建项目,面临着解决ie兼容性问题(ie9+),因为ie浏览器并不支持es6语法等. 首先安装babel-polyfill,解决ie不支持promise对象的问题 npm insta ...
- React脚手架搭建项目
React提供了一个用于创建react项目的脚手架库:create-react-app 一.项目的搭建 第一步: 全局安装 npm i -g create-react-app 第二步: 切换到准备创建 ...
- vue-cli5脚手架搭建项目过程详解 -vue组件单元测试
简介 单元测试是对软件中的最小可测试单元进行测试.(最小可测试单元是要有结果产出的.例如某个方法,单独的某个操作) 单元测试其实是伴随着敏捷开发,它是对更快开发的一种追求.早发现错误比晚发现错误会更好 ...
- 脚手架搭建项目（详解)
一.什么是脚手架? 在vue中 ,脚手架使用的是 ,vue-cli这个技术 脚手架,就是一个今后所写项目的一个基本的空框架 ,这个空框架中包含了 与项目业务无关的空框框 二.安装步骤 1.电脑上必须有 ...
- vue CLI脚手架搭项目
1.安装 node.js环境 官网下载:https://nodejs.org/en/download/ 一直默认就行,路径可以改变但要记得到 安装完成后cmd打开终端,输入node -v ,npm - ...
- Vue脚手架搭建项目
全局安装vue脚手架 $ npm install -g vue-cli 卸载方法 $ npm uninstall -g vue-cli 查看vue版本(注意:大写的V) $ vue -V 创建项目 $ ...
- Uni-APP+Vite+Vue3+TS+Vant 搭建项目
一.创建工程 下载官方的cli代码 https://gitee.com/dcloud/uni-preset-vue/repository/archive/vite-ts.zip 解压缩后执行下面命令即 ...
最新文章
- php限制字符输入,.NET_asp.net(c#)限制用户输入规定的字符和数字的代码，一下是这个代码： 只允许 用 - phpStudy...
- 上海职称英语和计算机考试时间,上海职称英语考试时间
- JAVA开发Web Service几种框架介绍
- drupal与html转换,老葛 怎么改变drupal form 生成的html啊 ? | Think in Drupal
- python将页面保存为html_python – ：将html保存为文本
- end_request: I/O error
- 【Hive】表生成(Table-Generating)函数
- sdh管理单元指针_「干货三」SDH技术重点知识分布（附小技巧）
- python安装-Python uWSGI 安装配置
- 开课吧Java课堂：什么是流？如何运用字节流和字符流？
- 自带公网IP上阿里云 | 凌云时刻
- ARM开发——常见仿真器
- mk突变点检测_科学网—从网上找的M-K突变检验的程序 - 张乐乐的博文
- 使用ffmpeg做直播推流例子
- 云原生应用实践与未来趋势
- 【程序员如何买股票 三】 掌握股票交易常见术语
- 开心的小明-动态规划算法
- 怎么实现边下载边播放
- Qt渲染视频常见问题（视频渲染窗口上子窗口设置透明出现阴影问题、主窗口缩放导致视频渲染窗口部分出现视频闪烁问题）
- 浅谈text段、data段和bss段