VUE安装及建立项目

于 2021-04-28 10:10:18 发布
阅读量96 收藏
点赞数
分类专栏： VUE 文章标签： vue nodejs
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42141227/article/details/116224655
版权
本文详细介绍了如何安装Vue.js，包括Node.js的安装、环境变量配置，以及使用npm和cnpm安装Vue CLI和Webpack。接着，通过Vue UI创建新项目，并在IntelliJ IDEA中导入并解决JS版本问题，最后启动本地服务进行测试。
摘要由CSDN通过智能技术生成

安装

  1. 下载安装包及安装
    Node.js 安装包及源码下载地址为：https://nodejs.org/en/download/。
    安装过程无设置。

  2. 设置环境便令
    NODE_PATH ：C:\Program Files\nodejs（安装目录）
    path中添加安装目录：C:\Program Files\nodejs

  3. 检查是否安装成功
    cmd 中 node -v
    npm -v
    node版本
    npm版本

  4. cnpm 淘宝镜像
    npm install cnpm -g --registry=https://registry.npm.taobao.org
    cnpm -v
    cnpm 版本

  5. 安装vue
    npm install -g vue
    vue

  6. 安装脚手架
    cnmp install @vue/cli -g

最低0.47元/天 解锁文章
海绵宝宝爱喝水
关注
专栏目录
vue项目建立.docx
01-06
Vue 项目建立指南 本文档旨在为 Vue 初学者提供友好的 Vue 项目创建指南，涵盖了环境搭建、Vue-cli 安装、项目创建等关键步骤。 一、环境搭建 在开始创建 Vue 项目之前，需要准备好环境。NodeJs 是 Vue 项目的...
vue项目中最近使用的插件整理---（一）
u014395826的博客
07-12 5765
 最近使用vue的脚手架开发项目，用了一些小插件来实现一些功能，自己觉得应该要整理一下，方便自己之后的开发。一、复制插件--  vue-clipboard2    此插件的功能就是实现文本的复制，使用步骤如下：    1.安装 npm install --save vue-clipboard2     2.在main.js：        import VueClipboard from 'vue...
JavaScript btoa atob
Rand Tsui
01-28 1537
javascript原生的api本来就支持,Base64,但是由于之前的javascript局限性，导致Base64基本中看不中用。当前html5标准正式化之际，Base64将有较大的转型空间,对于Html5 Api中出现的如FileReader Api, 拖拽上传,甚至是Canvas,Video截图都可以实现。 好了，前言说了一大堆，开发者需要重视： 一.我们来看看，在javas
vue使用html2canvas并进行下载
随笔_博客
02-14 5100
一、引包 npm install --savehtml2canvas 二、导入 import html2canvas from 'html2canvas' 三、web端下载 html2canvas(document.querySelector('#这是需要导出的dom的id')).then(canvas => { let saveUrl = canva...
vue中使用base64和md5
weixin_30497527的博客
10-30 330
1.在项目根目录下安装 cnpm install --save js-base64 cnpm install --save js-md5 2.在项目文件中引入 import md5 from 'js-md5'; let Base64 = require('js-base64').Base64; 3.在项目文件中使用 base64: Base64.e...
Vue中使用base64编码和解码
热门推荐
潘高的小站
03-08 5万+
在项目根目录下安装 npm install --save js-base64 在项目文件中引入 let Base64 = require('js-base64').Base64 在项目文件中使用 Base64.encode('潘高') // 5r2Y6auY Base64.decode('5r2Y6auY') // 潘高 ...
vue安装及配置和解决方法适合初学者
07-11
### Vue.js 安装与配置详解 随着前端技术的飞速发展，Vue.js 已成为构建...以上就是关于 Vue.js 安装及环境配置的详细指南。遵循这些步骤，你就能快速地建立起自己的 Vue.js 开发环境，并开始你的 Vue.js 学习之旅。
vue框架建立完成.rar
07-04
在本项目中，“vue框架建立完成.rar”压缩包包含了一个使用Vue.js和HBuilderX开发的示例应用，实现了Vue框架的搭建以及一个登录界面。 Vue框架的建立通常包括以下步骤： 1. **安装Vue CLI**：Vue CLI是官方提供的...
使用vscode快速建立vue模板过程详解
10-16
在本篇文章中，我们将详细介绍如何利用VSCode快速建立Vue模板，使得每次新建.vue文件时，都能自动生成基础的组件结构。 首先，我们需要理解`用户代码片段`（User Snippets）功能。VSCode的代码片段允许开发者定义...
120吨双级反渗透程序+混床程序，以及阻垢剂、杀菌剂 加药 一键制水，一键反洗，一键正洗，无人值守 西门子S7-200 sm
09-12
120吨双级反渗透程序+混床程序，以及阻垢剂、杀菌剂 加药。 一键制水，一键反洗，一键正洗，无人值守。 西门子S7-200 smart编程软件写的程序，程序+画面+电气原理图。 打包送出去，供初学者学习和研究。 程序有注释。
java基于SpringBoot+vue 校园新闻管理系统源码 带毕业论文
09-12
1、开发环境：SpringBoot框架；内含Mysql数据库；VUE技术；内含说明文档 2、需要项目部署的可以私信 3、项目代码都经过严格调试，代码没有任何bug！ 4、该资源包括项目的全部源码，下载可以直接使用！ 5、本项目适合作为计算机、数学、电子信息等专业的课程设计、期末大作业和毕设项目，作为参考资料学习借鉴。 6、本资源作为“参考资料”如果需要实现其他功能，需要能看懂代码，并且热爱钻研，自行调试。
weixin237基于微信小程序的医院挂号预约系统ssm.rar
09-12
所有源码都可以运行成功
基于Matlab界面GUI设计的打地鼠游戏[Matlab界面GUI设计].zip
最新发布
09-12
tkinter
weixin160在线课堂微信小程序+ssm.rar
09-12
所有源码都可以运行成功
10个数据结构课程设计实例二叉树建立遍历冒泡排序快速排序等.zip
09-12
1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。
基于springboot的生鲜交易系统设计与实现.docx
09-12
基于springboot的生鲜交易系统设计与实现.docx
SpringBoot-Activity工作流集成系统.zip
09-12
该项目是一个基于SpringBoot框架和Activity工作流的集成系统，版本为SpringBoot 2.1.3和Activity 6.0。项目使用Mysql数据库，同时集成了Activity-Modeler在线编辑工具，提供在线流程建模和流程管理功能。该项目可帮助企业和开发者快速搭建工作流程，提高工作效率，并支持在线流程设计和实时监控，是一个强大的工作流管理系统。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合
M5000033vE5D2OisYu.mp3.mp3
09-12
M5000033vE5D2OisYu.mp3.mp3
Vue CLI 安装与项目构建常见问题解决方案
本文主要介绍了使用Vue CLI构建项目以及解决常见问题的过程。...本文提供了Vue CLI项目的详细构建指南，包括基础环境设置、文件结构、模块引入和路由配置等核心知识点，旨在帮助读者高效地建立和管理Vue项目。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值