基於VUE的前端開發centos7下環境搭建

安裝搜狗輸入法

加入EPEL源 : yum install epel-release

安裝 fcitx和必要的軟件包
yum -y  install fcitx*
yum -y install libQtWebKit*
yum -y install dpkgr

ar vx sogoupinyin_2.2.0.0108_amd64.deb
tar -xvf data.tar.xz -C /
cp /usr/lib/x86_64-linux-gnu/fcitx/fcitx-sogoupinyin.so /usr/lib64/fcitx/

yum install -y im-chooser

當前賬戶(非root)下執行   imsettings-switch fcitx

alternatives --config xinputrc

安裝GITLAB

yum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel

yum install gcc-c++
gcc-c++ perl-ExtUtils-MakeMaker
yum install perl-ExtUtils-MakeMaker

wget https://www.kernel.org/pub/software/scm/git/git-2.7.3.tar.gz

tar xf git-2.7.3.tar.gz
cd git-2.7.3

make configure

./configure --prefix=/usr/git ##配置目錄

make profix=/usr/git

make install
echo "export PATH=$PATH:/usr/git/bin" >> /etc/profile

source /etc/profile

git --version

升級GIT

yum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel asciidoc
yum install  gcc perl-ExtUtils-MakeMaker
yum remove git

cd /usr/local/src/
wget https://www.kernel.org/pub/software/scm/git/git-2.24.0.tar.xz
tar -vxf git-2.24.0.tar.xz
cd git-2.24.0
make prefix=/usr/local/git all
make prefix=/usr/local/git install
echo "export PATH=$PATH:/usr/local/git/bin" >> /etc/profile
source /etc/profile

非root用戶使用git,則需要配置下該用戶下的環境變量
echo "export PATH=$PATH:/usr/local/git/bin" >> ~/.bashrc
source ~/.bashrc

安裝node及npm

tar zxf node-v8.9.0-linux-x64.tar.gz
mv node-v8.9.0-linux-x64 /usr/local/node
cd  /usr/bin
ln -s /usr/local/node/bin/node node
ln -s /usr/local/node/bin/npm npm
node -v
npm -v
npm install -g cnpm --registry=https://registry.npm.taobao.org
cd /usr/bin
ln -s /usr/local/node/lib/node_modules/cnpm/bin/cnpm cnpm
 
npm init -y

npm install vue

安裝Code

下載code軟件包,https://code.visualstudio.com/docs?dv=linux64,解壓到/opt/目錄下

yum install nss.x86_64

cd /usr/local/bin/
ln -s /opt/VSCode-linux-x64/code code

chown -R root:root VSCode-linux-x64/
chmod 4755 chrome-sandbox

cp /opt/VSCode-linux-x64/resources/app/resources/linux/code.png /usr/share/icons/
vim /tmp/vscode/visualstudiocode.desktop

建立軟件打開快捷方式

[Desktop Entry]
Name=VisualStudioCode
Comment=Multi-platform code editor for Linux
Exec=code
Icon=/usr/share/icons/code.png
Type=Application
StartupNotify=true
Categories=TextEditor;Development;Utility;
MimeType=text/plain;


mv virtualstudiocode.desktop /usr/share/applications/

vscode 中文
按下ctrl+p, 輸入: > Config, 選擇: “Configure Display Language"

依賴查詢

repoquery --nvr --whatprovides  libXss.so.1
yum install libXScrnSaver*

安裝Vue CLI

npm install
npm install npm -g

npm install webpack -g
npm install -g vue-cli

VUE項目開始

vue init webpack my-project
cd my-project
npm run dev

對必要的資源文件進行打包加上FootPrint,然後是對腳本進行編譯、壓縮和包大小的分割
npm run build

升級VUE

npm uninstall vue-cli -g
npm install -g @vue/cli
cd /usr/local/bin/
ln -s /usr/local/node/bin/vue /usr/local/bin/vue

快速全局開發
npm install -g @vue/cli-service-global
vue serve

圖形化界面創建工程  vue ui

 

本地調式 anywhere

npm install anywhere -g
ln -s /usr/local/node/bin/anywhere /usr/local/bin/anywhere

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章