deepin-linux的vue学习(一)基础环境搭建


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.安装vue

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此处可以暂时不用安装,主要是为了以后克隆项目使用,第二部分会有提到。


分享到:


相關文章: