部署vue项目

#1.首先进行vue的全局安装

#安装vue脚手架
npm install -g vue-cli
#查看是否安装成功
vue list

进行安装vue脚手架使用vue创建项目

#webpack为文件名 fristvue为项目名
vue run webpack fristvue

若出现连接超时的问题则进行执行或长时间没有反应的情况下

npm i vue-cli -g
npm install -g webpack

再执行创建vue项目的命令

vue run webpack fristvue

若下载不下来,采用离线安装
需要从github仓库中下载vue-templates/webpack或点击下载链接:https://pan.baidu.com/s/1qb2HDl2ZnMJkii_fz05jdQ
提取码:a2e5,然后解压到本地
将下载下来的文件扔到用户目录下的.vue-templates目录下,更改名字为webpack
然后执行离线安装命令

vue init webpack firstvue  --offline

将项目下载至你的工作区,采用集成终端打开

#重新进行更新下包
npm install

运行项目

npm run dev

利用git将项目上传至gitee远程项目库中
在集成终端中执行如下信息;本地中必须要有git环境

git init 
git add .   //添加文件到暂存区
git add README.md(如果项目中没有这个文件,会在后面几个操作中报错,解决方法是通过命令合并:git pull --rebase origin master)
git commit -m "first commit"
git remote add origin  git@gitee.com:xxx/xxx.git
git push -u origin master 

vue项目集成element-UI
首先新建一个vue项目

#新建一个vue-elementui的项目
vue init webpack vue-elemnet
#安装vue-router
npm install vue-router --save-dev
#安装element-ui
npm i element-ui -S
#安装SASS加载器(主要写css样式)
npm install sass-loader@7.3.1 node-sass --save-dev
#进行安装相应的依赖包
npm install
#启动vue项目查看是否项目可以正常启动
npm run dev

2.第二种方式 创建vue项目
2.1注意点:必须安装vue3.0以上版本,才可以创建

#安装vue最新版本,若已安装旧版本则卸载旧版本重新安装新版本
npm install -g @vue/lic
#查看版本
vue -version

2.2创建vue项目
到项目工作空间中创建vue项目

vue create wyydemo

如果出现报错信息,表示系统禁止安装未知脚本

set-ExecutionPolicy RemotesSigned
#选择Y

自定义选择所需要的配置。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

七秒~车

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值