deepin-linux的vue學習（一）基礎環境搭建

1.Deepin Linux安裝node.js

1.1 先安裝g++

<code>sudo apt-get install g++/<code>

1.2 不建議這種安裝☆

sudo apt-get install nodejs #這種安裝有誤

sudo apt autoremove nodejs #卸載掉

1.3 建議源碼安裝

1.3.1

去官網下載12.16.1 LTS（穩定版本）

node-v12.16.1-linux-x64.tar.xz

1.3.2

手動解壓，改名為node

複製到根目錄下

比如：file:///home/xgj

1.3.3

建立軟連接

file:///home/xgj/node/bin，將該目錄下的node和npm建立軟連接

xgj@xgj-PC:~$

<code>sudo ln -s /home/xgj/node/bin/node /usr/bin

sudo ln -s /home/xgj/node/bin/npm /usr/bin/<code>

1.3.4 查看版本

node -v

v12.16.1

npm -v

6.13.4

1.3.5 #安裝淘寶鏡像

非root的根目錄下

<code>npm install -g cnpm --registry=https://registry.npm.taobao.org/<code>

1.3.6 建立軟連接

<code>sudo ln -s /home/xgj/node/bin/cnpm /usr/bin/<code>

1.3.7

#測試是否成功

cnpm -v

xgj@xgj-PC:~$ cnpm -v

[email protected] (/home/xgj/node/lib/node_modules/cnpm/lib/parse_argv.js)

[email protected] (/home/xgj/node/lib/node_modules/cnpm/node_modules/npm/lib/npm.js)

[email protected] (/home/xgj/node/bin/node)

[email protected] (/home/xgj/node/lib/node_modules/cnpm/node_modules/npminstall/lib/index.js)

prefix=/home/xgj/node

linux x64 4.15.0-30deepin-generic

registry=https://r.npm.taobao.org

=========================================

2.Deepin Linux安裝git

2.1 安裝git

<code>sudo apt-get -y install git/<code>

2.2 配置用戶名和郵箱

<code>git config --global user.name "用戶名"

git config --global user.email "郵箱"/<code>

2.3 生成ssh公匙、私匙

<code>ssh-keygen -t rsa/<code>

2.4 查看公匙

打開根目錄，文件設置顯示隱藏

找到.ssh文件夾

id_rsa.pub

複製內容

到自己的github上，登錄，setting

SSH keys

將如果原來有的，刪除，黏貼上去，取一個名字

2.5 測試一下，可做可不做

git init git110

======================================

3.1 安裝vue-cli腳手架

非root的根目錄下

npm install -g vue-cli #這樣太慢了

or

<code>cnpm install -g vue-cli/<code>

3.2 建立軟連接

<code>sudo ln -s /home/xgj/node/bin/vue /usr/bin/<code>

xgj@xgj-PC:~$ sudo ln -s /home/xgj/node/bin/vue /usr/bin

3.3 查看vue版本

xgj@xgj-PC:~$ vue --version

2.9.6

====================================

4 創建一個名稱為my-vue的實例

4.1 打開終端，非root的根目錄下

xgj@xgj-PC:~$

<code>vue init webpack my-vue/<code>

一路回車下去

4.2 進入自建的文件夾my-vue

#切換到my-vue

cd my-vue

4.3 安裝依賴

<code>cnpm install #快些/<code>

or cnpm i or npm install or npm i

4.4 #運行實例

<code>cnpm run dev #也可npm run dev/<code>

注意：其實git此處可以暫時不用安裝，主要是為了以後克隆項目使用，第二部分會有提到。

閱讀更多 易三一世 的文章

關鍵字: Node.js 搭建 環境