本文共 2398 字，大约阅读时间需要 7 分钟。

安装Git

在终端执行以下命令安装Git

sudo apt-get install git

在终端对Git进行全局设置

git config --global user.name "你的名字或昵称"git config --global user.email "你的邮箱"

安装vscode

1. 访问  .tar.gz  文件；

2. 在终端输入命令 cd /opt ，进入目录"/opt"下；

3. 在终端输入命令 sudo tar -zxvf ~/Downloads/code-stable-xxxxx.tar.gz，解压文件；

4. 在终端输入命令 cd ~/Desktop ，进入桌面目录；

5. 在终端输入命令 vim VSCode.desktop，建立桌面快捷方式文件，编辑内容如下，然后保存退出。

   [Desktop Entry]Encoding=UTF-8Name=VSCodeComment=VSCodeExec=/opt/VSCode-linux-x64/codeIcon=/opt/VSCode-linux-x64/resources/app/resources/linux/code.pngTerminal=false   #启动时不打开终端StartupNotify=trueType=ApplicationCategories=Application;Development

6. 在桌面鼠标右击快捷方式文件，在弹出对话框中进入“权限”选项卡，“允许作为程序执行文件”处选中打勾关闭对话框即可;

7. vscode配置git

   打开VS code 进入设置，搜索“git.path”，提示在settings.json中配置，请填入如下配置：

   {	 	"git.path" :  "/usr/bin/git"            	}

8. 设置git记住远程资源库帐号和密码

   在终端输入命令 git config --global credential.helper store，仅第一次推送时输入帐号和密码，以后就无需输入了。

下载安装Node.js

1. ，获得一个tar.xz包，存放于~/Downloads下。

2. 在终端执行以下命令安装Node.js

   cd ~/Downloadsxz -d node-v12.16.3-linux-x64.tar.xzcd /usr/local/libsudo tar -xvf ~/Downloads/node-v12.16.3-linux-x64.tar

3. 配置环境变量

   在终端输入以下命令，打开/etc/profile

   cd ~sudo cp /etc/profile /etc/profile.bak #先备份sudo vim /etc/profile

   在/etc/profile末尾添加如下代码配置node.js的环境变量

   export PATH=$PATH:/usr/local/lib/node-v12.16.3-linux-x64/bin

   在终端输入如下命令使环境变量在当前终端生效（重启后将全局生效）

   source /etc/profile

安装cnpm

执行下面的命令安装cnpm(淘宝npm仓库镜像客户端)，发现报错，提示权限不足。

npm install -g cnpm

执行如下命令查看权限

ls -l /usr/local/lib/

显示如下：

drwxr-xr-x 6 1001  1001 4096 4月  28 17:54 node-v12.16.3-linux-x64

显然其他用户缺少ｗ权限(写的权限)，执行以下命令授权，并查看权限

sudo chmod -R o+w /usr/local/lib/node-v12.16.3-linux-x64ls -l /usr/local/lib

显示如下，显然授权成功。

drwxr-xrwx 6 1001  1001 4096 4月  28 17:54 node-v12.16.3-linux-x64

重新执行安装cnpm的命令成功

npm install -g cnpm

安装Vue CLI

npm install -g @vue/cli# orcnpm install -g @vue/cli

创建Vue.js项目

mkdir ~/git #在主目录中创建git目录cd ~/gitvue create myapp #创建项目myapp

创建项目命令执行后，出现如下选择，请选择第二项Manually select features（手动设置）

接着选择如下三项 接着选择ｎ，不使用H5的API进行路由跳转 接下来选择语法格式检查，如图选择最后一项 选择保存时进行格式检查 选择最后一项，使用统一的一个配置文件package.json 选择不将本项目的配置保存为预设 出现以下提示表示项目建立成功

启动项目

cd myappnpm run serve

出现以下提示项目启动成功

在浏览器上输入：http://localhost:8080/，若出现以下界面则访问成功

在VScode中将项目目录(myapp)添加到工作区中

在VScode中将项目提交到本地库

按下图所示顺序进行操作，将项目提交到本地库。

在码云上建项目远程仓库，复制仓库地址

注意：语言选javascript，.gitignore和开源许可证都不添加。

将本地项目第一次推送到远程仓库

cd myappgit remote add origin https://gitee.com/serdonty/myapp.gitgit push -u origin master

日常操作

提交操作与上述”在VScode中将项目提交到本地库“方法一致。

拉取和推送通过如下图所示菜单进行

转载地址：http://hnhdi.baihongyu.com/