sonar 扫描vue目录_剑星日记——Vue+Webpack搭建篇

安装环境：

Dokcer，Node.js，Linux

当登录到linux里面时出现用wget无法下载安装包时

直接用linux的yum指令：

yum 语法

yum [options] [command] [package ...]

• options：可选，选项包括-h（帮助），
• -y（当安装过程提示选择全部为"yes"），
• -q（不显示安装的过程）等等。
• command：要进行的操作。
• package操作的对象。

-y全部yes安装即可，得到wget

这里再按照前面-uname -a 系统给出的支持版本下载即可

现在wget就能下载了。

这里可以留意一下当前系统支持的 node.js 版本：

linux压缩

tar –cvf jpg.tar *.jpg       // 将目录里所有jpg文件打包成 tar.jpg 
tar –czf jpg.tar.gz *.jpg    // 将目录里所有jpg文件打包成 jpg.tar 后，并且将其用 gzip 压缩，生成一个 gzip 压缩过的包，命名为 jpg.tar.gz 
tar –cjf jpg.tar.bz2 *.jpg   // 将目录里所有jpg文件打包成 jpg.tar 后，并且将其用 bzip2 压缩，生成一个 bzip2 压缩过的包，命名为jpg.tar.bz2 
tar –cZf jpg.tar.Z *.jpg     // 将目录里所有 jpg 文件打包成 jpg.tar 后，并且将其用 compress 压缩，生成一个 umcompress 压缩过的包，命名为jpg.tar.Z 
rar a jpg.rar *.jpg          // rar格式的压缩，需要先下载 rar for linux 
zip jpg.zip *.jpg            // zip格式的压缩，需要先下载 zip for linux

解压

tar –xvf file.tar         // 解压 tar 包 
tar -xzvf file.tar.gz     // 解压 tar.gz 
tar -xjvf file.tar.bz2    // 解压 tar.bz2 
tar –xZvf file.tar.Z      // 解压 tar.Z 
unrar e file.rar          // 解压 rar 
unzip file.zip            // 解压 zip 

然后用tar -xvf xxx解压一下

将原来的长文件夹名改成短文件夹名：

Linux mv命令用来为文件或目录改名、或将文件或目录移入其它位置。

语法

mv [options] source dest
mv [options] source... directory

参数说明：

• -i: 若指定目录已有同名文件，则先询问是否覆盖旧文件;
• -f: 在mv操作要覆盖某已有的目标文件时不给任何指示;

所以这里用到的是目标目录名不存在则改名的运行结果

然后确定nodejs目录的bin目录里面是否有 node npm文件。

建立软连接，设为linux全局

linux ln指令

语法

 ln [参数][源文件或目录][目标文件或目录]

ln 详情：

Linux ln命令 | 菜鸟教程​www.runoob.com

这里需要注意一点是软连接连的是将自己建立的node，与npm与usr目录下面的bin目录连接起来，别弄成 /user/local/bin/ 很尴尬。

ln -s /app/software/nodejs/bin/npm /usr/local/bin/ 

这里-s 软链接(符号链接)。

用node -v 验证是否node可用。

Vue的安装

安装Vue cli 脚手架工具

npm install -g @vue/cli

下载即可。

vue同样需要软连接，如果没有就会出现

还是老样子将

nodejs/bin/vue 连接到 /usr/local/bin/vue

指令：

ln -s /vueWebpack/nodejs/bin/vue /usr/local/bin/vue

验证指令：

vue -V

安装成功

到目标文件夹里面去创建vue项目

vue create 你的文件名英文

这样就成功了

然后进入到根目录用

npm run serve就可以将项目跑起来了

其实到这里就差不多了。

剩下的webpack基本都是手动搭建的。

流程如下：

webpack 中文文档 | webpack 中文网​www.webpackjs.com

创作不易，如有更多意见或是建议

欢迎大家来QQ群吐槽：883610200

http://qm.qq.com/cgi-bin/qm/qr?k=YQXvDYlhmKLxw2ZIeaXP43PGwgFQFWCl (二维码自动识别)

——本文原创版权归知乎SwordsS（剑星）所有