首页 > 其他分享 >vue安装及环境配置

vue安装及环境配置

时间:2023-09-28 09:00:11浏览次数:25  
标签:npm vue cli 配置 yarn install 安装

安装:
Nodejs

安装依赖包node_modules:
npm install

安装webpack:
npm install webpack -g
npm install webpack-cli -g

安装yarn:
npm install -g yarn
执行yarn:
yarn install

安装:axios
yarn add axios

 安装vue.js:
npm install vue -g

安装脚手架vue-cli:
npm install -g @vue/cli
# OR
yarn global add @vue/cli
# OR
npm install vue-cli -g

升级:
npm update -g @vue/cli
# 或者
yarn global upgrade --latest @vue/cli

查看:
vue --version
yarn --version
node -v
npm -v
webpack -v

创建一个基于webpack模板的vue应用程序
 vue init webpack 项目名

运行:
npm run dev

the project seems to require yarn but is't not installed

强制安装依赖:
npm i --force

卸载:
npm uninstall vue-cli -g或 yarn global remove vue-cli

vue-cli-service 不是内部或外部命令

安装淘宝镜像cnpm:
npm install -g cnpm --registry=https://registry.npm.taobao.org

创建vue项目:
vue create xxxx创建vue项目

运行:
npm run serve

项目创建完成后,导入VS Code 工作区

标签:npm,vue,cli,配置,yarn,install,安装
From: https://www.cnblogs.com/microsoft-zh/p/17734816.html

相关文章

  • 【Vue】彻底搞懂条件&列表渲染
    hello,我是小索奇哈,精心制作的Vue系列持续发放,涵盖大量的经验和示例,由浅入深进行讲解。本章给大家讲解的是条件&列表渲染,前面的章节已经更新完毕,后面的章节持续输出,有任何问题都可以留言或私信哈,一起加油~条件渲染1.v-if这个指令根据表达式的真假来决定是否渲染元素例如:<divv-if......
  • homeassistant 安装与使用
    dockerrun-d--namehomeassistant--privileged--restart=unless-stopped-eTZ=Asia/Shanghai-p8123:8123-v/volume1/docker/homeassistant:/config--network=hosthomeassistant/home-assistanthttp://127.0.0.1:8123/onboarding.html/volume1/docker/ho......
  • 掌握Vue3 Props:提升你的前端开发技能
    Prop类型到这里,我们只看到了以字符串数组形式列出的prop:props:['title','likes','isPublished','commentIds','author']但是,通常你希望每个prop都有指定的值类型。这时,你可以以对象形式列出prop,这些property的名称和值分别是prop各自的名称和类型:props:{title:S......
  • python 安装 cv2 - 已解决
    <!--more-->python安装cv2-已解决建议收藏提供多种操作,一定有一种适合你的情况就这么个情况,就是装不上。本文没一句废话,仔细阅读。1.传统方式1(执行一遍,一条条试)可尝试python3-mpipinstall--upgradepippipinstallcv2pip3installopencv-python国内......
  • java的jdk配置环境变量
    安装JDK选择安装目录安装过程中会出现两次安装提示。第一次是安装jdk,第二次是安装jre。建议两个都安装在同一个java文件夹中的不同文件夹中。(不能都安装在java文件夹的根目录下,jdk和jre安装在同一文件夹会出错)如下图所示 1:安装jdk随意选择目录只需把默认......
  • uniapp自动引入Vue3(ref,reactive...)的API、uniapp生命周期和封装hooks
    未自动导入Vue3(ref,reactive...)的API和uniapp生命周期,需要在每个页面把API和uniapp生命周期的代码都重复写一遍<scriptsetup>import{ref,reactive}from"vue"import{onLaunch,onShow,onHide}from'@dcloudio/uni-app'//封装的hooksimport{useLi......
  • vue-router使用
    vue-router使用组件切换实现页面切换效果,需要借助vue-router来实现1、简单使用页面跳转,写一个页面组件在router--->index.js---routes数组中加入一个路由即可 2、组件中实现页面跳转两种方式方式一:使用router-link标签,to地址<router-linkto="/......
  • vue build index直接打开静态页面
    vite+vue3打包的文件,如果使用类似于nginx或者其他的服务器打开,可以正常打开,但如果直接点击打开index.html文件,页面会白屏,打开调试工具后发现如下跨域的报错。这是因为打包后并不支持file引用协议。这就给混合式开发等时候带来困扰,因为在这种场景下,是有需要直接打开index.html......
  • Vue3
    Vue3介绍 Vue3的变化1.性能的提升打包大小减少41%初次渲染快55%,更新渲染快133%内存减少54%2.源码的升级使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree-Shaking(摇树--清除死代码进行优化)3.拥抱TypeScript Vue3可以更好的支持TypeScri......
  • 每日总结(visual studio安装)
    VisualStudio安装教程一、官网下载官网下载地址:https://visualstudio.microsoft.com/zh-hans/downloads/ 因为是个人学习用途,所以我这里下载的是社区版本。下载下来的是一个.exe文件双击打开后,会加载一些东西。最后出现下面的界面  ......