vue3.0 vue create项目后无法初始化问题

刚开始照着菜鸟教程里面安装npm环境,所有的流程都没问题安装完vue的时候,查看里面的命令没有版老本的init

然后最终导致我npm run dev老是出现问题,最后网上找到的具体的解决办法。


npm install -g @vue/cli
vue create my-project

这是vue3.0的命令,如果想按照视频老师步骤来,可以这样安装:

npm install -g @vue/cli
npm install -g @vue/cli-init

执行后,就可以使用vue init webpack todolist 了

然后npm install

npm run dev

等待执行完毕后,就可以访问:http://localhost:8080/#/

原文地址:https://www.cnblogs.com/xiaobug/p/11498015.html

时间: 2024-09-30 06:55:09

vue3.0 vue create项目后无法初始化问题的相关文章

vue3.0 vue.config.js配置

搭建好脚手架会发现,对比vue2.0版本少了build.webpack等的配置. vue cli3.0项目中需要配置其他参数时,需要新建文件'vue.config.js',与package.json在同一级目录下. module.exports = { // 项目部署的基础路径 // 我们默认假设你的应用将会部署在域名的根部, // 比如 https://www.my-app.com/ // 如果你的应用时部署在一个子路径下,那么你需要在这里 // 指定子路径.比如,如果你的应用部署在 // h

Vue3.0结合bootstrap做多页面应用(1)创建项目

本人主要做c# winform应用,刚接触vue,发现用vue做单页面应用的比较多,多页面的资料很少,特别是用vue3.0版本做多页面的资料,更少,所以自己整理一下,结合bootstrap和jquery,也可以给有需要的同行做个参考. 1.首先用 vue --version 命令查一下安装的vue-cli版本,要3.x版本,我原先装的是2.9.6版本的 2.卸载vue-cli,执行命令:cnpm uninstall -g vue-clinpm uninstall -g vue-cli ,执行完就

redis数据库-VUE创建项目

redis数据库 ''' 关系型数据库: mysql, oracle 非关系型数据库(nosql): redis,mongodb (没有表的概念) key-value mongodb: json 数据--存储在硬盘上 redis: 存在内存中 --- 速度最快 用途: --做缓存 --session数据 --游戏排行榜 --对速度要求高的数据的存储 -- 消息队列 ''' redis VS Memcached -- redis 支持五大数据类型 : 字符串| 列表| 字典 | 集合| 有序集合

vue create 命令不创建node_modules文件夹的原因和解决方法

运行vue create 命令后并没有创建node_modules文件夹,所以npm run dev命令报错,'webpack-dev-server' 不是内部或外部命令,也不是可运行的程序 或批处理文件. 运行npm install 安装node_modules文件,再次运行npm run dev成功,Your application is running here: http://localhost:8080 npm install不成功的解决办法是?——执行npm cache clean

Vue全家桶+Egg从0开发大型项目(一)搭建项目

前言 因为要开发本科毕设,做一个校友交流平台,正好想记录下整个开发过程,同时也分享给各位.当然那些需求调研的,前期设计的就省略啦. 项目大概是一个全栈的项目,使用的IDE是vscode(期间涉及一些插件.配置推荐),大概的项目技术栈: vue + vue-router + vuex + vue-i18n + element-ui + egg + sequelize 前端就用vue-cli3来搭建,后端就用egg-init来搭建,比较简单,官方文档也比较详细. 项目技术栈 前端: 前端MVVM框架

Vue Create 创建一个新项目 命令行创建和视图创建

开始之前 你可以先 >>:cd desktop[将安装目录切换到桌面] >>:vue -V :Vue CLI 3.0.0-rc.11 >>:vue create yanxiatingyu :xxxxx一段英文 >>:y >>:cd yanxiatingyu >>:npm run serve 浏览器输入:http://localhost:8080/ 假如浏览器能够打开,没有出现页面 可能你的端口被占用了. C:\Users\ruby&g

vue创建项目初始化及基本配置

目录 创建新项目初始化 vue的ajax插件: axios 1)安装插件(一定要在项目目录下): 2)在main.js中配置: 3)在任何一个组件的逻辑中发送ajax请求: CORS跨域问题(同源策略) Vue配置ElementUI Vue配置bs环境 安装插件 创建新项目初始化 node_modules不需要动 public不动 src中在assets中创建css js 和img文件夹 router文件夹中的index.js只保留一个home的路由配置 App.vue只留五行代码即可 Home

vue老项目升级vue-cli3.0

第一步我们卸载全局的vue2.0然后: 打开命令行 输入npm install -g @vue/cli-init   这个就是会安装全局的vue3.0版本.安装好之后我们也可以vue -V查看当前vue的版本.我目前安装的3.5.3版本的. 当然这时候会有人想 那我之前vue2.0的项目怎么办?不用急,vue官网给了一个版本之前的桥接工具npm install -g @vue/cli-init 下载完后我们可以打开vue2.0的项目 npm run dev 运行就可以了. 链接(用新版本打开老项

vue.js项目构建之vue-router2.0的使用

vue-router2.0官方文档地址:http://router.vuejs.org/zh-cn/index.html 单页应用? 单页应用程序(SPA,single page web application). SPA其实就是整个网站只有一个页面,只改变页面的显示内容,不需要改变整个网页. vue.js 的单页面应用是基于路由和组件的.路由用于设定访问路径,并将路径和组件映射起来.页面内容切换这里就是组件的切换. vue-router是vue.js官方的路由插件,适合构建单页面应用. vue