初始化VUE项目

最新推荐文章于 2024-09-11 10:56:29 发布
最新推荐文章于 2024-09-11 10:56:29 发布
阅读量95 收藏
点赞数
分类专栏： JavaScript 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lyzf0413/article/details/114951638
版权

一、安装NodeJS环境

NodeJS中文官网

二、验证

管理员模式打开CMD

node -v

npm -v

三、设置cnpm 淘宝镜像加速器

npm install cnpm -g

四、安装 vue-cli

npm install vue-cli -g 

或cnpm install vue-cli -g

#查看可使用的模板创建项目
vue list

五、创建webpack模板项目

进入项目的文件夹内

#myvue 是项目名
vue init webpack myvue

VueBuild 选项时选择 <recommended for most users>

一路都选no

消矢_
关注
专栏目录
Vue项目初始化
lingbolixx的博客
03-05 2031
项目初始化步骤： 一、vue ui 创建项目 二、安装依赖 / 插件 三、上传本地项目到Gitee/Github 一、vue ui 创建项目 1. iTerm打开vue GUI vue ui （2）功能选择：Babel（方便使用es6/es7语法）、Router（路由）、Linter/Formatter（用ESlint、Prettier 检查代码格式） （3）配置： ·默认不选 history router ·pick a lint...
使用npm初始化创建vue项目
南山墓碑的Blog
04-16 5430
为什么要使用npm（自己的理解） 当年的前端都是sublime来玩，如今引入前端工程化的概念，让前端与后端分离，分离后的前端工程化，需要使用第三方管理工具进行开发过程管理。就出现了npm，Node Package Manager。 从字面我们可以理解，npm是基于node.js的，安装node.js后会自己集成npm管理工具。 玩过linux或者python的人，对npm这个命令比较不陌生，...
vue项目初始化
HiYulinlin的博客
03-07 1217
vue项目初始化
vue 初始化
qq_38674970的博客
07-16 885
安装node.js 傻瓜式  安装完毕看版本信息: node -v; 安装cnpm：  npm install -g cnpm --registry=http://registry.npm.taobao.org 安装vue-cil : cnpm install -g vue-cli  创建项目：vue init webpack firstVue  //firstVue 是名字 写名字啥的...
初始化一个vue项目
李继轩的博客
10-26 815
下载vue-cli：npm install -g vue-cli 在指定目录下执行：vue init webpack firstVue 生成了这样的一个文件 我们会发现少了node_moduels文件夹，进入到项目目录执行：npm init 就会发现生成了node_modules文件夹接下来执行：npm run dev 在浏览器输入 localhost：8080就会出现这个页面： 一个
Vue 项目初始化
李长渊的博客
05-21 1061
Vue 项目初始化
详解使用vue-cli脚手架初始化Vue项目下的项目结构
08-27
详解使用vue-cli脚手架初始化Vue项目下的项目结构 在本文中，我们将详细介绍使用vue-cli脚手架初始化Vue项目下的项目结构。vue-cli是Vue提供的一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用...
初始化vue项目，配置axios/elementUI/echarts/moment等
02-07
初始化Vue项目意味着设置一个新的开发环境，以便开始编写应用。在这个过程中，我们通常会安装必要的依赖，如axios、ElementUI、echarts和moment，这些都是在Web开发中广泛使用的工具。 1. axios：这是一个基于...
vue-project:快速初始化vue项目的模板文档
05-07
vue-project 快速初始化vue项目的模板文档 # 使用预设项目模板创建新项目 vue create --preset shaonianzhentan/vue-project my-project
vue初始化（命令行方式）
C90283的博客
11-14 9343
VUE项目初始化步骤命令 1，安装Node.js; Window安装包 Mac安装包 检查是否安装成功 node -v 显示版本即成功，如图： 2，安装vue-cli脚手架； 打开命令行窗口cmd（window+R,输入cmd后Enter） 在cmd下执行命令 cnpm install vue-cli -g 安装成功如图 3，初始化项目文件夹； 在你准备建项目的文件夹打开cmd 执行命令 vue init webpack vue-project(注：vue-project是自定义项目名称) 如图： 初
vue 模块初始化一个vue项目
xcs19405的专栏
12-07 358
vue 模块初始化一个vue项目 1：全局安装webpack npm install webpack -g 2:全局安装vue脚手 npm install -g @vue/cli-init windows环境请配置path环境 你知道的 D:\sf_dev\dev_nodejsfile\nodejsfile_global\node_modules\@vue\cli-init\node_modules\.bin 重启vscode 刷新下path 3: 初始化vue项目 vue init w...
vue项目初始化和部署
最新发布
2401_86367018的博客
09-11 811
Nginx的主要配置文件通常位于**/etc/nginx/nginx.conf**，而服务器块（用于定义网站配置）通常位于**/etc/nginx/sites-available/**。如果你不想切换，可以输入"N"，然后按下回车。根据你的选择，Vue CLI 将会为你创建一个相应配置的 Vue 项目。这里的下载过程一般会比较慢，需要耐心等待，也可以选择通过其他方式下载vue.js的安装包，但需要注意其安全性。在这里，Vue CLI 提供了几个预设选项供你选择，以便快速设置你的 Vue 项目。
1-element-ui创建项目
chencaw的专栏
05-11 1174
1、element-ui创建项目 vue create chenelementdemo 2、测试是否安装好 npm run serve
初始化Vue项目步骤（包含nodejs安装）
l22_23的博客
09-29 1815
初步vue的安装步骤
从零初始化一个Vue项目【vue环境搭建】
cometang--唐家世少
10-18 624
【nvm +node + npm + vue-cli 】完成vue项目初始化过程 后期可以自行安装和使用webpack模板初始化vue项目 Node.js NPM安装方式 1.直接使用安装包进行傻瓜式单击安装，此方式比较简单不推荐 后期更改node版本不方便 2.nvm （node.js 版本管理器） 2.1 下载地址 ： https://github.com/coreybutler/nv...
vue项目初始化步骤
Java721的博客
07-27 611
文章目录1、官网文档2、如何创建一个Vue后台的项目2.1、使用vue-cli快速构建一个后台2.2 、安装核心依赖 1、官网文档 vue:https://cn.vuejs.org/ vue-router:https://router.vuejs.org/zh/ vuex：https://vuex.vuejs.org/zh/ 2、如何创建一个Vue后台的项目 2.1、使用vue-cli快速构建一个后台 参考官网：https://cli.vuejs.org/zh/guide/ 前提 必须要安装Nodejs,参
vue初始化——源码简读
张小杰
10-27 589
文章目录源码目录结构Vue的构建版本完整版与运行时版本的区别template与render执行顺序Vue函数的初始化Vue静态方法初始化Vue实例成员初始化过程Vue实例成员init方法Vue实例成员initState方法 源码目录结构 这里主要分析src目录下文件的主要功能 compiler：与编译相关 core：Vue核心代码 components：keep-alive相关代码 global-api：Vue静态成员相关初始化 instance：Vue实例相关初始化 observer：响应式相关代码
vue3初始化项目
weixin_49827467的博客
09-13 784
创建好项目，认识了项目目录，要开始做项目的前提，还是初始化项目： 初始化项目——设置别名 初始化项目——设置全局样式内容 初始化项目——封装网络请求 ** 1、设置别名alias ** @ is an alias to /src 新建一个 vue.config.js 文件： 在vue.config.js 文件中使用webpack 进行打包，设置别名，如下所示： module.exports = { configureWebpack:{ resolve:{
【Vue 基础】vue-cli初始化项目及相关说明
ChaoChao66666的博客
04-26 964
1. 创建项目 2. 项目文件介绍 3. 项目的其它配置 3.1 项目运行时，让浏览器自动打开 3.2 关闭eslint校验功能 3.3 src文件夹简写方法
使用 Vue CLI 生成了一个初始化 Vue 项目
05-30
使用 Vue CLI 可以方便地生成一个初始化的 Vue 项目。 以下是在命令行中使用 Vue CLI 生成一个初始化 Vue 项目的步骤： 1. 确保已经安装了 Node.js 和 npm，如果没有安装，请先安装。 2. 在命令行中输入以下命令...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值