第一次创建vue项目

最新推荐文章于 2022-03-19 15:08:48 发布
最新推荐文章于 2022-03-19 15:08:48 发布
阅读量185 收藏
点赞数
分类专栏： js 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tcllxxl/article/details/103880478
版权

之前用过react，node也安装过
node 6.0以上
1: windows+r 运行npm list -g，查看npm是否有安装（需要等一会）
在这里插入图片描述
已安装，可能是新建空项目npm install 的，
2：打开webstorm，new vue
在这里插入图片描述
自动找到了vue所在，创建就可以
3：打开后显示package.json,yarn run 等它安装，下面会有进度条（等待）
在这里插入图片描述
安装完成的文件夹
4：启动
右上角配置一下
在这里插入图片描述
在这里插入图片描述
点击在这里插入图片描述
在这里插入图片描述
本地打开就可以了
或者在terminal控制台用 npm run dev命令（注意：dev为配置文件的scripts属性）

所里这里应该是npm run serve

tcllxxl
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue 与 Vuex 的第一次接触遇到的坑
12-11
Vue.js 是一款流行的前端JavaScript框架，它简化了组件化开发和状态管理。在小型项目中，Vue 提供了多种方式来处理组件间的通信，如 props 和事件($emit)。然而，随着项目规模的扩大，这些方法可能会变得难以管理和...
首次新建VUE项目
Apple-yeran 的博客
06-26 8560
1、百度搜索nodejs，下载node，并安装，安装直接下一步即可，可以自己修改安装目录。 2、检查 在命令行中输入node -v和npm -v，如果显示出相应的版本号，则表明安装成功。 npm是nodejs环境的包管理工具，和node集成在一起。 3、安装cnpm 因为npm的服务器在国外，所以有时候下载包速度会很慢，所以安装一个淘宝镜像cnpm，二者相同，只是命令由npm变为cnpm。 安装cnpm命令：npm install -g cnpm --registry=http://registry.n
初次新建一个vue项目
Yoyo_Yan的博客
07-12 271
安装node.js和npm(npm依赖于node.js所以要先安装node) 安装完成后打开cmd 输入 node -v 输入 npm -v 可以看到版本号表示安装成功 开始在cmd中新建项目： (1)安装脚手架工具： npm install -g vue-cli –registry=https://registry.npm.taobao.org (—淘宝镜像比较快) (2)安装完成...
VUE 第一次创建、启动项目（超详细）
Ji_9904092的博客
11-02 581
VUE 第一次创建、启动项目（超详细）转载自 简书 @程序员是粉色的 转载自 简书 @程序员是粉色的 https://www.jianshu.com/p/02b12c600c7b
创建第一个vue项目
摸鱼&小生的博客
09-22 108
创建第一个vue项目 一、搭建node.js环境 贴上node.js下载地址https://nodejs.org/en/ node.js傻瓜式安装一直下一步 检验是否安装成功的方法 node -v 如果输出版本号，意味着安装成功 使用国内镜像 有很多依赖是国外的，网络并不友好，为了提高效率，咱们可以使用国内的淘宝镜像，使用命令进行安装 npm install -g cnpm –registry=https://registry.npm.taobao.org 检验是否安装成功的方法 cnpm -v
在vue项目实现一个ctrl+f的搜索功能
10-15
在Vue项目中实现一个类似`Ctrl+F`的搜索功能，主要涉及到前端的文本搜索、DOM操作和事件监听。以下是对实现这一功能的详细步骤和关键知识点的解释： 1. **需求分析**： - 首先明确需求，通常一个搜索功能包括一个...
read-vue-source-code:第一次阅读vue
03-24
每个Vue组件都有一个完整的生命周期，包括创建、挂载、更新和销毁等阶段。这些阶段可以通过生命周期钩子函数（如`beforeCreate`、`created`、`beforeMount`等）进行定制。 5. **模板语法**： Vue的模板语法结合了...
VUE项目启动失败：Module build failed
01-08
VUE项目启动至98%时失败 错误如图，最近使用Vue/cli创建一个项目时npm run serve启动失败，询问了大佬，都说重新安装一下node_modules包，卸载重新安装之后任然无效，最后发现是命令错误 首先第一步rimraf node_...
vue实践基础项目面试题
01-10
缺点是不支持低版本的浏览器、不利于 SEO 的优化、第一次加载首页耗时相对长一些、不可以使用浏览器的导航按钮需要自行实现前进、后退。 十一、动态路由的定义和获取 可以在 router 目录下的 index.js 文件中，对 ...
解决vue项目中页面调用数据 在数据加载完毕之前出现undefined问题
10-15
解决Vue项目中页面调用数据在数据加载完毕之前出现`undefined`问题的关键在于理解Vue的生命周期和数据渲染顺序。通过初始化数据、使用`v-if`、`v-show`或者计算属性，可以在确保数据安全可用后再进行渲染，避免出现...
nodeJsvue的一次项目实践
08-12
在本项目实践中，我们探索了如何使用Node.js和Vue.js构建一个完整的Web应用程序。Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它允许我们在服务器端执行JavaScript代码，而Vue.js则是一个轻量级但功能强大...
vue-基于vue实现的简易留言板项目.zip
最新发布
05-04
- 使用`vue-cli`工具初始化项目，通过`vue create`命令创建一个基本的Vue项目结构。 - 安装依赖，包括`vue-router`（路由管理）和`axios`（用于HTTP请求）。 2. **项目结构** - `src`目录下，`components`包含...
通过一系列vue-demo入门vue2
04-18
4. **指令系统**：Vue提供了多种指令，如`v-if`和`v-else`进行条件渲染，`v-for`进行循环渲染，`v-show`控制元素的显示与隐藏，`v-pre`跳过该元素及子元素的编译，`v-once`只渲染元素和组件一次等。 5. **组件化**...
在vue中多次调用同一个定义全局变量的实例
01-19
在Vue开发中，有很多场景会用到多次重复的API请求。 例如： '//192.168.1.117:1009/' 在多个地方调用，每次书写很麻烦，后期项目维护也不好管理。...以上这篇在vue中多次调用同一个定义全局变量的实例就是小
Vue项目的初次创建
zalyyh的博客
04-10 212
Vue项目的初次创建 Vue 环境配置 研究Vue 已经很久了 ，今天就把所得梳理一下 ，对于node.js npm的安装这里就不多说了，下面开始吧。 Vue项目的搭建 首先我们要打开我们的黑窗体（也就是cmd，打开方法可以百度） 然后在 cmd 中输入命令获取nodejs模块安装目录访问权限 sudo chmod -R 777 /usr/local/lib/node_mod...
Vue+VSCode第一次创建Vue项目
青柠茶的博客
08-29 271
1.新建一个项目文件夹作为workspace，用vscode打开该文件夹 2.打开集成终端（查看 –> 集成终端 或者直接按 ctrl+`） 3.安装vue-cli，在终端输入： npm install -g vue-cli（安装的可忽略） 4.新建项目 vue init webpack MyVue （报错 Sorry, name can no longer contain cap...
如何搭建一个vue项目(完整步骤)
qq_41611829的博客
03-19 2634
参考：https://www.cnblogs.com/yanxulan/p/8978732.html 一、安装node环境 1、下载地址为：https://nodejs.org/en/ 　　2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功 　3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/ 　　输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，....
第一次搭建vue项目--安装vue-cli、初始化项目
weixin_34152820的博客
04-15 185
vue-cli === vue脚手架 不用自己动手一点点搭，用npm安装vue-cli后，输入几个命令它就给你自动搭好 1. 使用npm全局安装vue-cli npm i -g vue-cli 2. 打开npm的运行目录 红线划出的是安装vue-cli后可用的几个指令 3. 打开npm运行目录的node_modules目录里 node_modules目录里面是用npm安装的第三方包存的目录 ...
创建一个新的vue3项目
07-28
如果是第一次使用 Vue CLI，推荐选择默认的预设配置。 6. 等待项目依赖的安装完成后，进入项目目录： ``` cd my-vue3-project ``` 7. 最后，运行以下命令来启动开发服务器： ``` npm run serve ``` 这将...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值