VUE环境搭建

最新推荐文章于 2024-07-20 05:46:23 发布
最新推荐文章于 2024-07-20 05:46:23 发布
阅读量2.2k 收藏 3
点赞数 2
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48895522/article/details/109890484
版权

创建文件夹 （搭建环境）

vue create name 第一步这些图片的前一步。

七个图片
第一张图片选择第三个选项
该选项是手动选项

在这里插入图片描述

第二张图片选择第1,2,5,6个选项
选择的分别：1是版本:2是es6转es工具
5是路由
6是全局状态管理
在这里插入图片描述

第三张图片选择第一个选项
选择的版本
2.x （ps我 :应该是目前选择的版本）

在这里插入图片描述

第四张图片
选择Y/n，选择n

在这里插入图片描述

第五张图片配置文件
第一个是不同的配置单独一个文件
第二个是放在package.json里面
要选择第二个按回车
（ps我:选择第一个文件夹和老师课堂文件夹一样）
（老师视频上说的是选二个）

在这里插入图片描述

第六张图片是否存预设
选择NO(存不存都可以)

在这里插入图片描述

第七张图片
选择Yarn和NPM其中一个做为javascript包管理器，两个其实都可以
尽量选择官方的NPM。

在这里插入图片描述

npm run serve 这些图片的之后的一步。

ss_zbc
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue环境搭建
01-17
用好Vue首先离不开好的工具，webpack就是其中之一。 WebPack可以看做是模块打包机：它做的事情是，分析你的项目结构，找到JavaScript模块以及其它的一些浏览器不能直接运行的拓展语言（Scss，TypeScript等），并将其转换和打包为合适的格式供浏览器使用。 江湖人称脚手架。我觉得可以把它看作是一个快速打包工具，运用于启动项目服务，打包等等，有兴趣的话可以去webpack的官网上查看学习（官网地址https://doc.webpack-china.org/） 第二个就是开发工具。既然Vue前端框架，我推荐大家用一款比较便捷的开发工具sublime text3，非常轻量级，需要什么插件可以在pack control里随便install，我这里有一套免安装的text3，到时候一起打包压缩和文档放在一起，解压就可以用了
vue环境搭建简单教程
08-28
Vue环境搭建简单教程 本文主要介绍了 Vue 环境搭建的简单教程，旨在帮助初学者快速搭建 Vue 开发环境。下面是本文的详细知识点总结： 一、 Node.js 的安装 在开始使用 Vue 之前，需要先安装 Node.js，因为 Vue ...
Vue.js：Vue.js环境搭建与配置
最新发布
kkchenjj的博客
07-20 1060
通过以上步骤，你已经成功搭建了Vue.js的开发环境，并创建了一个Vue项目。接下来，你可以开始编写Vue组件，使用Vue Router进行路由管理，或者使用Vuex进行状态管理，来构建你的Vue应用。通过上述步骤，你已经成功地设置了Vue.js的开发环境，包括开发服务器、热重载和Vue Devtools的使用。这些工具将极大地提升你的开发效率，使你能够更快地迭代和调试你的Vue应用。注意：上述总结部分是应要求而省略的，但在实际教程中，总结部分可以帮助读者回顾和巩固所学知识，建议保留。
Vue环境搭建
12-18
本教程将引导初学者一步步搭建Vue开发环境，开始他们的Vue之旅。 首先，我们需要安装Node.js。Node.js是JavaScript在服务器端运行的平台，同时也提供了npm（Node Package Manager），它是JavaScript生态中的包管理...
ubuntu vue环境搭建
09-11
在Ubuntu上搭建Vue环境，可以按照以下步骤进行操作: 1. 首先，更新软件源和软件列表，可以在命令行中输入以下命令来完成： sudo apt update 2. 安装Node.js，可以在命令行中输入以下命令来完成： sudo apt install nodejs 3. 检查Node.js的版本，可以在命令行中输入以下命令来完成： node -v 4. 安装npm (Node包管理器)，可以在命令行中输入以下命令来完成： sudo apt install npm 5. 检查npm的版本，可以在命令行中输入以下命令来完成： npm -v 6. 由于npm的下载速度较慢，建议安装cnpm (淘宝镜像的npm)，可以在命令行中输入以下命令来完成： sudo npm install -g cnpm --registry=https＊＊＊pm -v 8. 安装Vue脚手架工具vue-cli，可以在命令行中输入以下命令来完成： sudo cnpm install -g vue-cli 9. 检查Vue的版本，可以在命令行中输入以下命令来完成： vue -V 10. 创建Vue项目，可以在命令行中输入以下命令来完成： sudo vue init webpack demo 11. 进入项目文件夹，可以在命令行中输入以下命令来完成： cd demo 12. 安装项目依赖，可以在命令行中输入以下命令来完成： sudo cnpm install 13. 运行项目，可以在命令行中输入以下命令来完成： sudo npm run dev 至此，你的Vue环境已经搭建完成。你可以通过访问项目的地址来查看项目。请注意，这个地址只能在你的电脑上进行访问。如果你想要在服务器上部署Vue项目以便外网访问，请参考相关教程。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值