Vue.js开发笔记(一)——安装与使用模板新建项目

最新推荐文章于 2024-08-12 08:54:03 发布
最新推荐文章于 2024-08-12 08:54:03 发布
阅读量840 收藏 8
点赞数 1
分类专栏： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43605788/article/details/105606826
版权
本文是Vue.js开发的第一篇笔记，详细介绍了如何安装node.js、选择合适的npm镜像源、安装vue.js和vue-cli，以及在遇到问题时如何解决，如npm run serve报错、npm的淘宝镜像问题等。通过这篇教程，读者可以顺利创建并运行Vue.js项目。
摘要由CSDN通过智能技术生成

文章目录

1、安装node.js

http://nodejs.cn/download/
在这里插入图片描述
全部默认安装，一点也不需要改。
查看

node -v
npm -v

在这里插入图片描述

调整目录（很重要）
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

注意，这里要调整，否则下一步安装其他包都有可能出问题，例如vue

安装cnpm

安装cnpm(可选！也可以直接npm指定国内镜像，见本文章后面)

npm install -g cnpm --registry=https://registry.npm.taobao.org

在这里插入图片描述

最低0.47元/天 解锁文章
FastAPIyes
关注
专栏目录
vuejs的学习笔记
a15107071954的博客
10-26 344
1、npm npm：NPM 全称 Node Package Manager，它是 JavaScript 的包管理工具, 并且是 Node.js 平台的默认包管理工具。通过NPM 可以安装、共享、分发代码,管理项目依赖关系。 -v：表示查看版本号。 npm init 命令初始化项目：新建一个 npm-demo 文件夹，通过命令提示符窗口进入到该文件夹，执行命令进行初始化项目，根据提示输入相关信息，如果使用默认值，则直接回车即可。package name: 包名，其实就是项目名称，注意不能有大写字母，vers
Vue.js的学习笔记
weixin_44049891的博客
03-06 596
Vue.js的学习笔记 1、Vue.js的基础语法 Vue.js官网：https://cn.vuejs.org/index.html 我的代码笔记： 引入js： <script src="https://cdn.jsdelivr.net/npm/vue@2.5.21/dist/vue.js"></script> 我的第一个Hello Vue
开源项目推荐：FastAPI模板——构建高效Web应用的灵活解决方案
最新发布
gitblog_00693的博客
08-12 345
开源项目推荐：FastAPI模板——构建高效Web应用的灵活解决方案 FastAPI-templateFeature rich robust FastAPI template.项目地址:https://gitcode.com/gh_mirrors/fa/FastAPI-template 在当今快速发展的网络世界中，高效和灵活地开发Web应用变得至关重要。FastAPI模板正是为了满足这一需求而生...
Vue.js笔记（1）
weixin_46538895的博客
08-01 234
Vue.js笔记（1） 前言废话： 一、Vue.js是web前端开发中的一个渐进式框架，详细资讯可以访问https://cn.vuejs.org/官方网站，里面有大量中文资料和开源案例，小伙伴可以去尝试。 二、Vue最大的特点就是“视图”与“数据”是分开的，无需操作DOM。 三、说到框架，框架其实就是封装那些与业务无关的重复的代码，形成一个框架，方便代码的重复利用和精简度，便于维护，提高开发效率。 四、前端开发中现在流行使用的是MVVM框架，拆分解释即为： Model：数据存储； View：页面展示； Vi
vue开发笔记
书写人生
03-24 341
1.node.js安装成功后在键盘按下【win+R】键，输入cmd，然后回车，打开cmd窗口，输入node -v和npm -v即可显示当前安装的版本号，即表示安装成功2.安装cnpmnpm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待。3.安装vue-cli命令:npm install -g vue-cli4.创建第一...
Vue.js前端开发笔记--Vue.js基础特性(1)
Mi的博客
06-08 410
MVVM模式 Vue.js的使用是通过构造函数来创建Vue的实例，一个Vue实例相当于一个MVVM模式中的ViewModel。 var vm = new Vue({}) 可以在实例化的时候传入一个选项对象，包括数据、模板、挂载元素、生命周期钩子、方法等。 模板 el：类型为字符串、DOM元素或函数。 template ：类型为字符串，默认会将template值替换挂载元素(el值对...
前端-Vue.js从入门到精通基础笔记（理论+实操+知识点速查）
Only-CYY的博客
07-05 3826
【2022.3】尚硅谷Vue.js从入门到精通基础笔记（理论+实操+知识点速查）
基于vue的uni-app生态——学习笔记001
qq_63690649的博客
03-14 2348
基于vue的uni-app生态——学习笔记001
Vue2+Vue3基础入门到实战项目（二）——课程学习笔记
upgrade_bro的博客
08-25 773
Vue2+Vue3基础入门到实战项目（二），主打记录式、陪伴式、身临式学习；Vue的生命周期、工程化开发-vue-cli、组件化、注册组件、页面拆分……
vue实战笔记整理——用户列表小案例
Thaley的博客
01-21 453
vue实战——笔记整理——用户列表案例
fastapiStudy.zip
06-24
fastapi模板，请参考https://blog.csdn.net/weixin_36179862/article/details/106943367
fastapi模板
02-19
fastapi模板
vue.js 学习笔记
qq_45192089的博客
04-05 8479
vue.js基础
Vue.js学习笔记01
qq_42430908的博客
06-11 476
文章目录一、v-cloak v-text v-html的使用1. v-cloak2. v-text3. v-html二、v-bind指令 一、v-cloak v-text v-html的使用 1. v-cloak 使用v-cloak能够解决插值表达式闪烁的问题。 例如，当不使用v-cloak时，如果网速过慢，加载过程中就会显示{{msg}}。 <div id="app"> <p>{{msg}}</p> </div> <script> var
vue.js详细笔记1 入门必看
m0_53206841的博客
04-22 1230
一套构建用户界面的渐进式（自底向上逐层的应用）JavaScript框架 Vue的特点 采用组件化模式，提高代码复用率、且让代码更好维护 声明式编码，让编码人员无需直接操作DOM，提高开发效率 使用虚拟DOM+优秀的Diff算法，尽量复用DOM节点 学习Vue之前要掌握的JavaScript基础知识： ES6语法规范、ES6模块化、包管理器、原型、原型链、数组常用方法、axios、promise等 data与el的两种写法 el的两种写法： 1、new Vue时候配置el属性 例：el:"
Vue和FastAPI实现前后端分离
jane_xing的博客
04-03 2600
一个是它的异步处理性能比较好，二是它可以类似java swagger的API交互文档，这个对应前后端分离多人开发非常友好。之前总结过Vue和Flask实现前后端分离，这次同样借个小项目实践、并总结下Vue和FastAPI实现前后端分离。
推荐开源项目：Vue3-FastAPI —— 前后端一体化开发的新星
gitblog_00087的博客
04-02 1278
推荐开源项目：Vue3-FastAPI —— 前后端一体化开发的新星 项目地址:https://gitcode.com/zxiaosi/vue3-fastapi Vue3-FastAPI 是一个创新的开源项目，它结合了前端的 Vue.js 3 和后端的 FastAPI，为你提供了一站式的现代Web应用开发框架。该项目旨在简化开发流程，提高效率，并且让开发者能够更好地利用最新技术和工具。 项目简介 ...
部署前后端分离项目Vue+FastAPI
qq_44658163的博客
04-24 1094
将vue.config.js文件中的publicPath: '/'，改为publicPath: './' （多了一个点）生成的dist文件夹，点开，然后浏览器打开index.html文件，如果静态页面正常，说明打。2. 前端部署，用npm run build:prod（以package.json中的为准）7：前后端连接，是将后端写的跨域部分中加入前端地址。将生产环境的地址改为 -> 服务器地址+后端的端口号。6：地址栏输入：服务器地址+前端端口号。3：将打包到的前端dist上传到这里。
深度解析：Vue.js面试高频题——SPA与SSR
深度剖析Vue.js经典面试题 在前端开发的面试过程中，关于Vue.js的知识点是常被关注的重点。面试者可能会考察你对SPA（Single-...面试者会关注你是否熟悉并能够解释如何在Vue.js项目中使用SSR，以及何时选择使用它。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值