关于新手入门创建vue项目的填坑报告

经过我反复多次的实践,根据网上各位大佬的经验分享,终于将这个大坑填好了,记录一下,以方便下次填坑用。

基本步骤是根据下面这篇博客:https://blog.csdn.net/bruceyangjie/article/details/70168985;

但是我遇到了自己的问题:

1、进入项目目录之后再npm install,下载依赖文件

2、运行npm run  dev报错如下:

根据下面这片博客:https://www.jianshu.com/p/59fd30d35248的介绍

原因:这是新版webpack存在的BUG,卸载现有的新版本webpack,装老版本就好。

(1)、npm uninstall webpack-dev-server

(2)、npm install [email protected]

(3)、npm run dev

然后问题解决了

原文地址:https://www.cnblogs.com/abab301/p/9771981.html

时间: 2024-10-09 00:19:37

关于新手入门创建vue项目的填坑报告的相关文章

vue入门003~vue项目引入element并创建一个登录页面

上一节已经教大家如何创建一个vue项目,这一节,我们就温故下vue项目的创建,顺便引入element,实现一个简答的登陆页面. 老规矩,先看效果图 一,快速创建vue项目 二,引入element类库 首先我们进入element官网:https://element.eleme.cn/#/zh-CN/component/installation简单熟悉下element.然后如下图所示引入element类库.做完上面的操作后,不要忘记安装依赖. 三,在main.js里引入使用 如下图红色框里所示 四,

Vue入门:Vue项目创建及启动

1. 创建Vue项目存放地址 用于存放Vue项目,找个自己处理方便的地方.本人地址:D:\Program Files\Workspace\Vue 2. 创建项目 进入cmd窗口 进入项目存放地址 执行命令[vue init webpack HelloWorld]创建Vue项目 [HelloWorld]为项目保存文件夹名称 ? 录入项目名称 ? 项目描述及作者 ? 项目构建 选择第一项 ? 是否使用router ? 是否使用ESLint ? 是否使用单元测试 ? 是否使用e2e测试 ? 项目创建后

命令行创建 vue 项目(仅用于 Vue 2.x 版本)

1 .安装 Node.js 和 npm ( 验证安装成功输入下图 1 命令行可得 2:输入命令行 3 可得 4 即安装成功) 2.安装全局 webpack (安装依照下图输入命令行 1 耐心等待至到出现 2 表示成功) 3.安装全局 vue-cli (安装依照下图输入命令行 1 耐心等待至到出现 2 表示成功) 4.创建 vue 项目 (输入下图命令行,红线部分是你想要创建的项目名称) 5.第 4 步之后会出现一些对话选项,仅一项选 n 后按回车键(如下图红色区域对话选项), 其余全部按回车键

Node.js-Webstrom创建Vue项目(Vue项目初始化)

我犯的错误:作为vue小白,并不知道还要单独去创建初始的vue项目,于是自己在webstrom中建了一个Empty Project, 在其中新增了一个js文件,就开始import Vue from "vue"了.运行后自然就报错了:SyntaxError: Unexpected identifier,被自己蠢哭~ 下面进入正题,vue项目初始化步骤如下: 1.默认你已经安装好了Node.js.WebStrom.npm.vue/vue-cil.webpack. 2.win+R→cmd打开

vue — 创建vue项目

vue - 创建vue项目 创建vue项目 在程序开发中,有三种方式创建vue项目,本地引入vuejs.使用cdn引入vuejs.使用vue-cli创建vue项目.其中vue-cli可以结合webpack打包工具使用,大大方便了开发步骤,使用广泛. vue本地引用 在官网下载vue.js,通过script标签引入.开发版本:https://vuejs.org/js/vue.js 包含完整的警告和调试模式生产版本:https://vuejs.org/js/vue.min.js 删除了警告,30.9

使用vue-cli创建vue项目及项目结构说明

node及vue的安装就不讲了,网上一大堆,自行查阅 1 创建项目目录 mkdir vueDemo 2 切换到该目录 cd vueDemo 3 执行命令创建项目(项目名称:vue-init-webpack) vue init webpack vue-init-webpack Project name:--项目名称,直接回车即可 Project description:--项目描述,直接回车即可 Author:--作者,直接回车即可 Vue build:--构建模式,直接回车即可 Install

新手如何在Vue项目中优雅的使用UEditor(百度富文本编辑器)

1.去官网,下载ueditor,解压,重命名,放在vue项目中的static文件夹下. ps:新手会觉得在官网上有几种不同版本的文件,俺到底要下载哪一个,如果你仅仅是一个前端,那么好,只要是最新版本的UEditor,随便下,如果你比较负责,问问你后端同事用什么语言写后端的,那就用什么版本的,其实不同语言的功能都一样,只是为了方便给后面图片上传的配置提供方便. 官网链接:http://ueditor.baidu.com/website/download.html UEditor目录如下所示: 2.

visual studio2017 创建Vue项目

1:打开Visual studio 2017后 按图片操作新建项目 也可以使用快捷键Ctrl+Shift+N  进入创建项目页面 2:选择JavaScript 里的Node.js创建对应的Vue项目 如果没有javaScript对应的node.js选项 打开最下面的visual studio安装程序 安装对应的node程序 *注意硬盘空间 3:创建完成后打开项目 进行开发 原文地址:https://www.cnblogs.com/BoyJoan/p/9935941.html

创建vue项目并搭建JSONSERVER

1.该前提是你已经搭建好vue-cli脚手架,开始创建一个新项目,输入 vue init webpack demo(demo是自定义项目名). 2.cd demo 进入项目安装依赖 3.在已经创建的项目结构里面会多出一个node_modules的文件夹,这就是刚才安装的所有依赖 4.此时项目构建完成,输入npm run dev运行项目 5.搭建jsonserver(先下载  https://github.com/typicode/json-server) 6.Json server 安装命令: