首页 > 其他分享 >[Vue]npm创建vue环境

[Vue]npm创建vue环境

时间:2022-10-31 15:56:30浏览次数:49  
标签:npm Vue 15 31 30 vue root Oct vite

1. vite创建vue环境

[root@Python Vue]# npm init vite@latest
Need to install the following packages:
  [email protected]
Ok to proceed? (y) 
✔ Project name: … vite-demo
✔ Select a framework: › Vue
✔ Select a variant: › TypeScript

Scaffolding project in /opt/Vue/vite-demo...

Done. Now run:

  cd vite-demo
  npm install
  npm run dev

2. 安装项目依赖

[root@Python Vue]# cd vite-demo/
[root@Python vite-demo]# ll
total 24
-rw-r--r--. 1 root root  362 Oct 31 15:30 index.html
-rw-r--r--. 1 root root  377 Oct 31 15:30 package.json
drwxr-xr-x. 2 root root   22 Oct 31 15:30 public
-rw-r--r--. 1 root root 1377 Oct 31 15:30 README.md
drwxr-xr-x. 4 root root  106 Oct 31 15:30 src
-rw-r--r--. 1 root root  488 Oct 31 15:30 tsconfig.json
-rw-r--r--. 1 root root  184 Oct 31 15:30 tsconfig.node.json
-rw-r--r--. 1 root root  156 Oct 31 15:30 vite.config.ts
[root@Python vite-demo]# npm install 

added 46 packages, and audited 47 packages in 15s

4 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities

# 出现node_modules正常
[root@Python vite-demo]# ll
total 84
drwxr-xr-x. 37 root root  4096 Oct 31 15:33 node_modules

标签:npm,Vue,15,31,30,vue,root,Oct,vite
From: https://www.cnblogs.com/leoshi/p/16844588.html

相关文章

  • vue条件渲染
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><metahttp-e......
  • vue防抖
     constdebounce=()=>{axios.get('/api/blog/administration/spot').then(res=>{if(res.data.code==200){}else{this.......
  • vue中间件
    .env.development//部署(文件名).env.production//生产前(文件名)${process.env.VUE_APP_UR}//获取值写一个中间件在写前后台分离的时候肯定是需要发起各种求情......
  • Vue privide 和inject 依赖注入的用法
    from表示在可用的注入内容中搜索用的key,default当然就是默认值。 这里就是我们说的provide,向下提供信息,这里提供的是当前的vue实例,相当于给了后代一个接口。这样在任......
  • windows IIS中 vue的反向代理部署
    1、下载urlwrite,https://webpihandler.azurewebsites.net/web/handlers/webpi.ashx/getinstaller/urlrewrite2.appids2、下载ARRCache,https://webpihandler.azurewebsites......
  • VUE项目创建
    首先你的电脑安装了node.js,并进行配置vue创建一个新的项目首先cmdd:然后cd:/路径(这里是项目保存的路径)vueinitwebpack项目名vue修改端口号config的index.js第一步......
  • Vue-1
    vue​​1.认识MVVM结构​​​​2.我的第一个Vue实例​​​​3.闪烁问题​​​​4.三种赋值方式​​​​5.绑定属性v-bind:可以简写为:​​​​6.v-on:click("函数名字")触......
  • vue计算,监听属性插槽和动态组件
    计算属性如果{{函数()}},每次页面刷新,函数都会重新执行函数---》当属性来使用,缓存<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><ti......
  • Vue项目npm install下载依赖,报错:npm install 报错(npm ERR! errno -4048...(已解决✔)
    vue项目下载依赖npminstall报错:(npmERR!errno-4048,Error:EPERM:operationnotpermitted,)解决方法出现这种报错的时候有我用了清空缓存的方法:1,清理本地缓存:cach......
  • webpack : 无法加载文件 C:\Users\13573\AppData\Roaming\npm\webpack.ps1,因为
    问题:C:\Users\XXX\AppData\Roaming\npm\webpack.ps1因为在此系统上禁止运行脚本管理员输入  set-ExecutionPolicyRemoteSigned  回车输入A或者Y即可解决 ......