创建VUE工程

最新推荐文章于 2024-02-02 17:45:00 发布

疯狂钢琴家

最新推荐文章于 2024-02-02 17:45:00 发布

阅读量103

点赞数

文章标签： vue.js

本文链接：https://blog.csdn.net/carzyPianist/article/details/118528930

版权

1.创建一个名为hello-vue的工程

cmd输入命令：vue init webpack hello-vue

2.安装依赖

需要安装:vue-router,element-ui,sass-loader和node-sass四个插件
cmd命令：
在这里插入图片描述

2.1 安装vue-router

在这里插入图片描述

2.2 安装 element-ui

在这里插入图片描述

2.3 安装依赖

在这里插入图片描述

2.4 安装 SASS 加载器

2.5 运行项目

$ npm run dev
在这里插入图片描述
项目运行成功之后：

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

疯狂钢琴家

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

如何创建一个Vue工程

SQ_1224的博客

08-30

3118

如何创建一个Vue工程

idea中创建vue工程

weixin_55907404的博客

11-24

346

project如下：查看npm 运行项目启动start即可 main.js中导入的包 import Vue from 'vue' import App from './App' import router from './router' import store from './store' import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' va...

参与评论您还未登录，请先登录后发表或查看评论

如何搭建一个vue项目

weixin_30500663的博客

05-02

950

一、安装node环境　　1、下载地址为：https://nodejs.org/en/ 　　2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功　　　　3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/ 　　输入：npm install -g cnpm –registry=https://registry.npm.taobao.or...

vue创建工程

UangIng的博客

05-05

257

（一）在vue搭建之前一定先要安装node.js，因为vue的运行是要依赖于node的npm管理工具来实现的，我下载的都是最新版本，地址：https://nodejs.org/zh-cn/download/ 查看node和npm是否安装成功：node -v 和 npm -v （二）由于在国内使用npm速度会很慢，所以推荐使用淘宝镜像： npm install -g cnpm --registr...

vue 创建工程

fivestar2009的博客

08-26

535

vue3创建遇到的问题

Vue创建工程

qq_42696004的博客

09-02

首先以管理员打开CMD控制台，跳转到创建文件的目录。 #创建一个名为Hello-vue的工程 vue init webpack Hello-vue 安装依赖 #进入工程目录 cd Hello-vue #安装 vue-router路由 npm install vue-router --save-dev #安装elementUI npm i element-ui -S #安装依赖 npm install #安装SASS加载器 cnpm install sass-...

安装Vue脚手架，用脚手架创建vue工程项目

06-13

安装Vue脚手架，用脚手架创建vue工程项目

从零到一详聊创建Vue工程及遇到的常见问题

10-17

主要介绍了从零到一详聊如何创建Vue工程及遇到的常见问题 ,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下

idea 创建vue工程

07-27

然后，按照以下步骤创建Vue工程： 1. 打开命令行工具，进入你想要创建工程的目录。 2. 运行以下命令安装Vue CLI（如果已经安装过，可以跳过这一步）： ``` npm install -g @vue/cli ``` 3. 创建一个新的Vue工程...

vue创建一个工程项目

07-30

101

打开终端 1、vue create 项目名字弹出来的选择默认的第一项，vue2项目，或者最后一项自己配置也行。 2、创建项目成功后，启动项目服务器，这个时候要cd 项目名称，进入项目，才可以使用命令启动服务器，否则会报错。 npm run serve 启动服务器 3、服务器启动成功后，会有两个链接，一个local，一个network，随便点击就可以打开页面到此为止一个项目就新建成功了如果想要退出终端打开服务的那一页先ctrl + d 再ctrl+c即可。 ...

【vue】创建一个vue工程

Eye_Me的博客

10-11

186

下面是对vue从安装工具的安装和工程的创建的详细流程。（安装的基础需要安装node.js环境，如果不知道的朋友可以点击查看vue环境的搭建）安装vue-cli 创建一个基于 webpack 模板的新项目除了在选择vue-router 的时候选y ，其他都选no ，因为vue工程中需要router 路由来进行页面跳转。创建完毕后，进入项目的目录 ...

创建 Vue 工程

qq_18344549的博客

11-14

119

创建vue

Vue建立工程

rrrrr44444的博客

05-21

274

第一步：新建文件夹第二步：vue init webpack stuproject 第三步：交互，按如下选择： 1、Project name 2、Project description 3、Author 4、Vue build runtime only 5、Install vue-router? Yes 6、Use ESLint to lint your code? No 7、Set up unit tests No 8、Setup e2e tests with Nightwatch?

vue创建一个项目

weixin_55869175的博客

03-13

1236

vue脚手架创建一个vue项目

1VUE基于脚手架创建前端工程

最新发布

eeeeeeeeei的博客

02-02

1247

是一个基于 promise 的网络请求库，作用于浏览器和 node.js 中。使用Axios可以在前端项目中发送各种方式的HTTP请求。第四步：选择 Default(Vue 2)，点击"创建项目"按钮，完成项目的创建（期间需要连网创建时间会比较久）第一步：在命令行输入命令 vue ui,在浏览器ui界面中选择前端工程存放的位置。第二步：点击“在此创建新项目”按钮，跳转到创建新项目设置页面。基于Vue进行快速开发的完整系统，实现交互式的项目脚手架。vue.config.js：vue-cli配置文件。

vue如何新建一个项目

wanghongyan2011的博客

06-30

118

vue创建项目（npm安装→初始化项目）第一步npm安装首先：先从nodejs.org中下载nodejs 双击安装，在安装界面一直Next 直到Finish完成安装。打开控制命令行程序（CMD）,检查是否正常使用淘宝NPM 镜像大家都知道国内直接使用npm 的官方镜像是非常慢的，这里推荐使用淘宝 NPM 镜像。 $ npm install -g cnpm --registry=https://registry.npm.taobao.org 这样就可以使用cnpm 命令来安装模块

如何创建 Vue 工程

Kevin_CY_DLJ的博客

12-11

328

前言 Vue框架有两种使用方式： 1、一种是通过在HTML文件中引入 vue.js 的文件 2、另一种是通过脚手架 vue-Cli 创建一个 vue 工程今天我要介绍的就是第二种方式安装三个软件：VsCode，nodejs，cmder，其中 cmder 是用于代替 cmd ，非必须。第一步：准备相应环境 1.webpack [ 在 cmd 或 cmder 中完成 ] npm insta...

vue创建项目

Summer_i的博客

10-10

400

1.环境要求：安装有 Node.js、 vue、 vue-cli 。 2.在你想创建项目的文件夹然后进入命令行输入 vue init webpack projectName 3. 图片如上 4.eslint 要点no karma+mocha no , tests no 5.vue项目默认就创建完了，缺哪个包就 npm install xx