Deepin+Vscode搭建vue.js项目及Git操作

安装Git

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

sudo apt-get install git

在终端对Git进行全局设置

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

安装vscode

1. 访问vscode官网下载  .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-8
   Name=VSCode
   Comment=VSCode
   Exec=/opt/VSCode-linux-x64/code
   Icon=/opt/VSCode-linux-x64/resources/app/resources/linux/code.png
   Terminal=false   #启动时不打开终端
   StartupNotify=true
   Type=Application
   Categories=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. 从Node.js官网下载Node.js，获得一个tar.xz包，存放于~/Downloads下。

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

   cd ~/Downloads
   xz -d node-v12.16.3-linux-x64.tar.xz
   cd /usr/local/lib
   sudo 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-x64
ls -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
# or
cnpm install -g @vue/cli

创建Vue.js项目

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

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

接着选择如下三项

接着选择ｎ，不使用H5的API进行路由跳转

接下来选择语法格式检查，如图选择最后一项

选择保存时进行格式检查

选择最后一项，使用统一的一个配置文件package.json

选择不将本项目的配置保存为预设

出现以下提示表示项目建立成功

启动项目

cd myapp
npm run serve

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

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

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

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

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

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

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

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

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

日常操作

提交操作与上述”在VScode中将项目提交到本地库“方法一致。
拉取和推送通过如下图所示菜单进行