Vue搭建初步安装

最新推荐文章于 2024-05-30 16:10:43 发布
最新推荐文章于 2024-05-30 16:10:43 发布
阅读量120 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_36939346/article/details/103025125
版权

1. 创建项目

前提安装cnpm
使用cnpm全局安装vue-cli,之后可以通过vue命令查看是否安装成功;下图是安装好vue-cli查看的情况。

cnpm install vue-cli -g

使用vue-cli初始化一个vue项目

vue init webpack vueAdmin
npm install

2.安装sass，elementui，vuex，axios等

cnpm install node-sass --save-dev 		//安装node-sass 
cnpm install sass-loader --save-dev 		//安装sass-loader 
cnpm install style-loader --save-dev 		//安装style-loader

cnpm i element-ui -S

cnpm install axios -s

cnpm install vuex -S
西鱼
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue初步搭建及基础知识
LL392810739的博客
10-23 169
一、vue.js是一款渐进式JavaScript 框架 1、Swiper:纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。 2、Bootstrap:是最受欢迎的 HTML、CSS 和 JS 前端框架 3、Vue Awesome:是一个基于 Vue.js 的强大 SVG 图标组件（component），内置Font Awesome 图标。 4、element ui:基于 Vue 2.0 的组件库,提供了配套设计资源,帮助你的网站快速成型。 ...
vue和webpack安装命令详解
08-27
1. **全局安装Vue CLI**：Vue CLI（Command Line Interface）是Vue.js的官方脚手架，提供了一套快速搭建项目和配置的工具。通过以下命令进行全局安装： ``` npm install -g @vue/cli ``` 安装完成后，可以使用`...
关于vue的初步搭建和心得
qq_39674259的博客
04-17 131
** 关于vue的初步搭建和心得 ** 第一次使用这个vue，当时也是犯贱，突然就想在自己的项目中来点新的花样。 于是思考来，思考去最后决定使用vue比较好，因为比较容易上手。一路的装逼带闪电下来，确实不错。这里面包括了微信的支付，跨域用的axios，移动端适配等都很好的迎刃而解了。不废话了，今天先说下项目搭建，总结下： 1、*安装**vue-cli*** 安装vue-cli的前提是你已经安装了n...
Vue安装与初步体验
yuan_21的博客
06-13 799
Vue安装与初步体验Vue安装Vue简单使用 Vue安装 下载vue.js文件 进入vue.js官网 点击页面中“起步”首先选择左侧导航栏中“安装”，然后在页面右侧通过滑动页面找到“开发版本”在“开发版本”文字处右键，点击“从链接另存文件为”，保存下来vue.js文件。然后放在合适的位置，通过“script”声明导入到html或jsp文件中，然后使用即可。具体导入见下文。 导入vue.js文件 前期准备：已经配置好tomat的eclipse软件，下载好的vue.js文件。   在eclipse中新建
Vue搭建项目-初步搭建
qq_42764782的博客
09-18 177
1. 准备环境 如果有旧版vue-cli请卸载 1 npm uninstall vue-cli -g //或者 yarn global remove vue-cli 安装新版 cnpm install -g @vue/cli //yarn global add @vue/cli vue -V 2. 创建项目 创建项目，并写项目名 vue create <Project Name>//文件名 不支持驼峰（含大写字母） 选择预设 1.default（babel...
Vue框架初步搭建（一）
zx199135的博客
11-28 585
vue项目初步搭建过程
Vue框架初步搭建
m0_44993395的博客
08-02 124
前言 目前的流行前端框架Angular、Vue、React，下文我们将学习如何初步搭建Vue框架 搭建 安装node.js 通过npm命令安装Vue，使用淘宝的cnpm镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org 安装vue-cli脚手架，使用命令:cnpm install --global vue-cli 在本地磁盘创建一个文件夹，用于存放Vue项目，然后cd到该目录下 使用命令：vue init webpack 项目
vue3后台项目搭建
最新发布
2301_79002288的博客
05-30 651
下来是elementui左侧菜单栏的二次封装 数据根据你的路由来写 或者是发网络请求请求到的左侧菜单 我这里就是简单的展示 layout/Aside/AsideMenu.vue。下来就是页面的基本布局了 也是在src下创建的layout文件夹里面写的左侧和头部 我是在头部有一个按钮 展开和收起 点击这个来让判断左侧菜单是否展开。在项目的根目录下新建jsconfig.json 如果是ts就在tsconfig.json中。src下创建router/index.js 路由懒加载 页面都是写好的。
vue环境搭建
qq_37291064的博客
03-16 411
1、安装nodejs，地址：https://nodejs.org/en/ ，选中最新版本，选好安装路径一路next；确认是否安装成功：cmd执行node -v查看版本信息； 2、vue-cli脚手架安装：需要用淘宝镜像的话先用npm安装淘宝镜像(cnpm)，命令：npm install -g cnpm –registry=https://registry.npm.taobao.org ，然后执行(...
使用Idea初步搭建Vue及其相关
01-07
开始学习Vue（新手一枚，写的不好请见谅） ...npm install vue --save 下载有关vue的模块（此工程下vue的安装） vue 的使用 导入vue.js + {{name}} 非常帅！ {{num}} ！ const app = new Vue({ el:#app,
windows下vue.js开发环境搭建教程
10-20
Vue.js是一种流行的前端JavaScript框架，尤其...这只是Vue.js开发的初步阶段，随着你深入学习，会接触到更多关于组件、路由、状态管理等内容。在后续的文章中，我们将通过更具体的案例来帮助你更好地理解和运用Vue.js。
gin-vue：初步部分
02-19
在本项目中，"gin-vue：...这个“初步部分”可能是项目的基础架构搭建，涵盖了基本的路由设置、数据库连接和 Vue.js 的初始页面。随着项目的发展，可以逐步添加更多功能和优化，比如认证授权、错误处理、性能监控等。
vue管理系统框架源码，快速搭建前端管理系统
02-19
这个“vue管理系统框架源码”是基于Vue.js设计的，旨在快速搭建企业级的后台管理系统。下面将详细介绍该框架的核心特性和使用方法。 一、Vue.js 框架特性 1. **声明式渲染**：Vue.js 的核心在于其声明式的编程方式...
vue webkitdirectory属性上传文件夹
西鱼的博客
01-09 3516
element 上传组件不支持文件夹上传，。。。使用input的webkitdirectory属性可上传文件夹 <input ref="file" class="fileUploaderClass" type='file' name="file" webkitdirectory @change.stop="changesData"/> changesData () { co...
使用vue $set,es6 every全选单选实现
西鱼的博客
09-20 3189
html: &amp;lt;div class=&quot;pro-detail&quot; v-for=&quot;(item, index) in saleafteProducts&quot; :key=&quot;index&quot;&amp;gt; &amp;lt;div class=&quot;check-box&quot;&amp;gt; &amp;lt;el-check
vue项目使用scrollIntoView实现锚点定位
西鱼的博客
08-20 1742
用a标签href尝试后，功能可以实现，但是路径会变成锚点的id，刷新页面跳转出现错误 后来尝试使用scrollIntoView，可以实现相同的功能。 我是根据id跳转的，点击左侧导航的时候，获取id，然后给右侧的div绑上动态 的id document.getElementById(item.id).scrollIntoView() document.getElementById(item.id).scrollIntoView({ behavior: "smooth" //
vue路由学习
西鱼的博客
02-18 394
&lt;div id="app"&gt; &lt;h1&gt;Hello App!&lt;/h1&gt; &lt;p&gt; &lt;!-- 使用 router-link 组件来导航. --&gt; &lt;!-- 通过传入 `to` 属性指定链接. --&gt; &lt;!-- &lt;router-link&gt; 默认会被渲染成一个
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值