vue的安装及创建项目

vue的安装及创建项目
1.安装过程
(1)安装git工具
(2)安装node,检查node安装是否成功:node -v
(3)检查npm是否安装成功:npm -v (如果node安装成功,npm基本就没问题)
(4)安装cnpm 网站:https://developer.aliyun.com/mirror/NPM?from=tnpm
命令:npm insatll -g cnpm --registry=https://registry.npm.taobao.org
检验是否成功:cnpm
(5) 安装yarn 网站:https://www.jianshu.com/p/4a225dcacd53
检验: yarn -v
(6)vue安装:cnpm install vue
(7)vue-cli3脚手架工具:(这里建议安装版本3,因为每个人的电脑配置不同,如果安装其他版本创建项目没问题也是可以的)
命令:cnpm install -g @vue/cil 或者 yarn global add @vue/cil
检查版本是否正确 vue --version 或 vue -V
(8)通过图形界面创建vue项目: (首先在电脑中建立文件夹,这里以我自己的为例)
在这里插入图片描述
打开git 输入命令vue ui 进入页面进行目录编辑
在这里插入图片描述
编写文件名,包管理器我选择yarn也可以选择默认或npm 不过在vscode 运行项目时输入的命令会有差别:
(选择yarn 命令 yarn serve 选择默认或npm命令npm serve)
点击下一步:预设选择默认就好
创建户需要一些时间,耐心等待
在这里插入图片描述
创建完成后文件:
在这里插入图片描述
在vue中运行项目:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
(9)退出运行:关闭页面 在git中ctrl+c
(10)在vscode中运行项目 ctrl+`打开终端 命令yarn serve 或 npm serve(在上边我已经说明配置对应的命令)
提示:当把vue项目从一台电脑传入到另一台电脑时,要把node_modules(依赖)删除,另一台电脑接收后在vscode重新建立
命令:cnpm install

猜你喜欢

转载自blog.csdn.net/weixin_44717159/article/details/107483460
今日推荐