创建 vue 项目

已于 2023-04-26 15:51:56 修改
阅读量322 收藏
点赞数 2
分类专栏： javascript vue npm 文章标签： vue.js 前端 javascript webpack npm
于 2022-01-13 10:37:44 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39939748/article/details/122467540
版权
vue 同时被 3 个专栏收录
11 篇文章 0 订阅
订阅专栏
javascript
10 篇文章 0 订阅
订阅专栏
npm
7 篇文章 0 订阅
订阅专栏

创建 vue 项目 来啦！！！！！

基础环境
在这里插入图片描述

1. 创建vue 项目

vue create demo

在这里插入图片描述

2. 根据自己的需求选择，选择完成之后，点击回车即可
在这里插入图片描述

3. 根据自己的需求选择即可，选择按空格，选择完成后回车即可。
在这里插入图片描述

4. 选择完成之后，安装开始：
在这里插入图片描述

如果安装过程中如果出现一下报错

在这里插入图片描述
进入到 package.json 把 node-sass 和 sass-loader 的版本修改一下

"node-sass": "^4.14.1",
"sass-loader": "^7.3.1",

如图所示：
在这里插入图片描述
随后删除 node_modules 文件夹
在这里插入图片描述
删除之后进入终端，输入命令 npm install 或者 简写 npm i

cnpm i

我使用的是淘宝镜像 如图：
在这里插入图片描述
安装完成之后，就可以把项目跑起来了

npm run serve

在这里插入图片描述
浏览器打开：
在这里插入图片描述

黄同学real
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
VSCode创建Vue项目完整教程
weixin_46271689的博客
04-18 4万+
文章目录一、配置环境1.安装VS Code2.安装node.js3.安装配置脚手架vue-cli二、创建vue项目1.命令方式创建2.重新初始化依赖3.启动项目总结 一、配置环境 1.安装VS Code 官网下载 https://code.visualstudio.com/ 下载VS Code，按照步骤安装。 2.安装node.js （1）官网 https://nodejs.org/en/ 下载node.js，按照步骤安装即可，node.js安装完成之后会同步安装npm。 （2）配置环境变量：把node.j
vue-lerna-demo
05-15
Vue-Lerna-Demo 一个Vue.js项目 构建设置 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for production and view the bundle analyzer report npm run build --report 有关工作原理的详细说明，请查看的和。
创建Vue项目(demo)教程
Kinrun的博客
09-06 2095
创建Vue项目教程
创建vue项目
weixin_59489521的博客
01-10 238
1.npm install -g @vue/cli@3.0.1 全局安装Vuecli 2.npm install -g @vue/cli-service-global@3.0.1 版本号保持一致 3.创建项目vue create vue-project 4.创建成功
lerna+rollup搭建vue组件库并发布到npm
Lik1024
12-16 2307
lerna+rollup搭建vue组件库并发布到npm
Vue创建Demo项目
最新发布
weixin_41924879的博客
02-01 1541
Vue创建Demo项目
idea创建vue项目，引用elementUI教程附件
10-17
idea创建vue项目，引用elementUI并从springboot项目获取数据教程附件
通过命令行创建vue项目的方法
08-29
通过命令行创建Vue项目是开发者们常用的一种快速初始化项目的方式，这使得开发过程更加高效。本篇将详细介绍如何利用命令行创建Vue项目。 首先，确保你的开发环境中已经安装了Node.js。Node.js是JavaScript的服务器...
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
10-17
使用vue-cli3创建Vue项目及配置VS Code自动代码格式化和Vue语法高亮问题涉及了多个知识点和步骤，主要包括vue-cli3的基本使用、VS Code的插件安装和配置、ESLint和Prettier的安装和配置以及VS Code用户设置的修改。...
创建Vue项目以及引入Iview的方法示例
01-19
创建Vue项目 以及引入Iview 官方文档 # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖，走你 $ cd my-project $ npm install...
用vue-cli创建一个简单的demo
csdnzhiwang的博客
05-15 405
下载nodejs http://nodejs.cn/download/ 打开cmd，查看nodejs版本，npm版本 3 . 安装webpack，cnpm install webpack -g 4 . 安装vue-cli 5 . 创建项目 vue create +(project name) 选择手动，选择router+bibel即可 目录结构
vue create demo cli3 拉取的脚手架 + element-plus安装
c153284575的博客
12-21 1752
Node 版本要求 Vue CLI 4.x 需要Node.jsv8.9 或更高版本 (推荐 v10 以上)。你可以使用n，nvm或nvm-windows在同一台电脑中管理多个 Node 版本。 1、安装3.X版本的Vue脚手架：npm install -g @vue/cli ，查看版本vue -V 2、基于3.X版本的脚手架创建Vue项目：vue create my-demo 3、运行 cd my-demo , npm run serve 官网地址：https://cli.vuejs...
vue前端开发——创建简易项目demo(01)
CEVERY的博客
12-04 636
一、搭建vue-cli脚手架 1、下载地址为：https://nodejs.org/en/ 2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功 3、全局安装vue-cli npm install --global vue-cli 发现一直等待安装不了，错误显示: WARN deprecated request@2.88.2: request has been deprecated, `问题原因` 1.可能是资源的问题，要配置淘宝镜像： npm config set registry h
【Vue-day2】搭建Vue-cli的Demo
m0_57450589的博客
03-05 309
步骤一： 安装Node.js，下载地址：下载 | Node.js 中文网 下载后可以查看版本号 步骤二：
使用vue-cli4快速搭建vue项目demo
前端队长Daotin
09-01 245
问题描述 使用vue-cli4快速搭建一个可用作demo的项目。 问题分析 无 解决方案 步骤如下： 全局安装vue指令包：npm install -g @vue/cli 安装之后，你就可以在命令行中访问 vue 命令。你可以通过简单运行 vue --version，看看是否打印出当前安装的vue-cli版本号，来验证它是否安装成功。 使用 vue create vue-demo ...
vue脚手架基础demo
红目香薰
09-18 924
vue脚手架基础demo :” 是指令 “v-bind”的缩写。parseInt格式化整数类型。图片会每2.5秒更换一张。
vue created脚手架_Vue 极简教程
weixin_35724999的博客
01-26 306
一、前言写惯了 React，今天也来 Vue 尝尝鲜，本来以为我这老司机学新框架应该如鱼得水，没想到也踩了几个坑。今天就给大家分享一篇 Vue 的极简教程，从安装到入门，从指令的使用到接口的调取，再到路由配置，麻雀虽小五脏俱全，基本上涵盖了一个项目的核心配件，可以此作为脚手架运用到新项目中去。二、安装模块化应用需要下载 node 和 npm ，就不用赘述了吧。主要安装以下4个模块。安装 ...
教你如何使用Vue-cli创建一个Vue项目流程
三拾的博客
01-30 2632
教你如何使用npm快速创建一个vue项目
Vue 之CLI创建一个项目
weixin_44415461的博客
07-27 79
随意创建一个文件夹： vue create demo 创建一个项目名称demo 敲击Enter之后: 写入Y 按Enter之后： 首次创建按下键选择 Manually select features 按空格键选所需要的 按Enter之后： 写入Y , 按Enter之后 选In package.json 按Enter之后 按Enter之后 这时候查看你所建的文件夹会有一个dem...
如何用vue构建项目？
02-01
首先，你需要安装 Node.js 和 npm（Node.js 的包管理工具）。然后，使用 npm 安装 Vue 脚手架（也叫 vue-cli）： ``` npm install -g @vue/cli ``` 安装完成后，你可以使用以下命令创建一个新的 Vue 项目： ``` vue create my-project ``` 在创建项目时，会提示选择一种预设的模板，包括单文件组件和最小化的配置。你也可以选择自定义配置，并选择安装需要的插件和库。 创建完成后，你就可以进入项目文件夹，并使用 npm 安装依赖： ``` cd my-project npm install ``` 安装完成后，你就可以使用以下命令启动开发服务器： ``` npm run serve ``` 这样就可以在浏览器中访问项目了。当你对项目进行修改时，开发服务器会自动重新加载页面，方便你调试代码。 在开发完成后，你可以使用以下命令构建项目： ``` npm run build ``` 这会在项目的 `dist` 文件夹中生成最终的文件，可以用于部署到生产环境中。 希望这些信息能帮助你开始使用 Vue 构建项目。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值