#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
自定义选择所需要的配置。