VUE项目配置——环境篇

lily_wang 发布于2019-08-23 13:57 / 3316人阅读

摘要：准备其他编辑器新建一个项目以上软件默认安装环境配置打开配置和私有秘钥如果环境私有键入命令是你的账号此时，你的这个路径下会生成两个文件和用记事本打开文件，复制内容，在的网站上到密钥管理页面，添加新公钥，随便取个名字，内容粘贴刚才

准备

SSH

Git

Webstorm（or 其他编辑器）

npm

node.js

gitHub新建一个demo项目

以上软件默认安装

vue环境配置

打开Git GUI or cmd or iterm2（macOS）

配置Git和ssh私有秘钥（如果环境私有）

键入命令：ssh-keygen -t rsa -C "email@email.com","email@email.com"是你的github账号

此时，你的C:Usersadmin.ssh这个路径下会生成两个文件：id_rsa和id_rsa.pub

用记事本打开id_rsa.pub文件，复制内容，在github.com的网站上到ssh密钥管理页面（setting-->deployKey-->addDeployKey），添加新公钥，随便取个名字，内容粘贴刚才复制的内容。

进入本地项目文件夹；例如D:vueProject

Git clone ssh： demo仓库

npm i webpack-cli -D

npm i -g vue-cli (如果npm链接较慢，可使用淘宝镜像；所有npm指令最后加上“ --registry=https://registry.npm.taobao.org”，也可以自行配置cnpm（不推荐!）)

新建一个vue demo项目 vue init webpack myproject

安装vue-router

安装ESLint 代码规范

不安装单元测试和e2e测试

初始化myproject完成（vue 标准模板项目）

进入myproject npm i 初始化packages

npm run dev 运行项目

用浏览器打开 http://localhost:8080 （可更改项目配置 config/index.js 中的 autoOpenBrowser 改为true 即run项目时自动弹出浏览器窗口）

项目说明

将myproject 中的所有文件复制到空项目vueDemo中

云服务器 GPU云服务器 java项目配置环境云服务器搭建vue项目腾讯云服务器部署vue项目 vue项目放到云服务器上

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/99838.html

almost最好的Vue + Typescript系列01 环境搭建篇

摘要：初来乍到，请多多关照也许这是第一套基于搭建基于的项目教程。年月初升级到了新的版本版，跟版本项目结构发生了很大的改变，目录结构更简洁更科学。并且可以选配，在此之前配置略麻烦，是的超级，静态类型，便捷的注解，使前端代码优雅。前言 hello~ 大家好。初来乍到，请多多关照 ?(๑•̀ㅂ•́)و✧也许这是第一套基于 vue-cli 3.x 搭建基于 typescript 的vue项目教程...

isLishude 2019-08-22 15:20 评论0 收藏0
almost最好的Vue + Typescript系列02 项目结构篇

摘要：源码文件夹，基本上我们的业务逻辑文件都应该放在这里定义了这个项目所需要的各种模块，以及项目的配置信息比如名称版本许可证等元数据。基于vue-cli 3.x,配合typescript的环境构建的新vue项目,跟以前的结构相比,有了一些变化,下面我们来简单的了解一下基本结构: showImg(https://segmentfault.com/img/bV5xGn?w=360&h=226...

BicycleWarrior 2019-08-30 14:08 评论0 收藏0
almost最好的Vue + Typescript系列02 项目结构篇

摘要：源码文件夹，基本上我们的业务逻辑文件都应该放在这里定义了这个项目所需要的各种模块，以及项目的配置信息比如名称版本许可证等元数据。基于vue-cli 3.x,配合typescript的环境构建的新vue项目,跟以前的结构相比,有了一些变化,下面我们来简单的了解一下基本结构: showImg(https://segmentfault.com/img/bV5xGn?w=360&h=226...

DTeam 2019-08-22 15:20 评论0 收藏0
almost最好的Vue + Typescript系列02 项目结构篇

摘要：源码文件夹，基本上我们的业务逻辑文件都应该放在这里定义了这个项目所需要的各种模块，以及项目的配置信息比如名称版本许可证等元数据。基于vue-cli 3.x,配合typescript的环境构建的新vue项目,跟以前的结构相比,有了一些变化,下面我们来简单的了解一下基本结构: showImg(https://segmentfault.com/img/bV5xGn?w=360&h=226...

Clect 2019-08-01 18:41 评论0 收藏0