https://nodejs.org/en/download/current/
# 安装
wget https://nodejs.org/dist/v21.1.0/node-v21.1.0-linux-x64.tar.xz
tar xvJf node-v21.1.0-linux-x64.tar.xz && rm -rf node-v21.1.0-linux-x64.tar.xz
mv node-v21.1.0-linux-x64 node && cp -a node /usr/local/
ln -s /usr/local/node/bin/* /usr/local/bin/
# 编译安装
wget https://nodejs.org/dist/v16.15.0/node-v16.15.0.tar.gz
tar -xf node-v16.15.0.tar.gz && rm -rf node-v16.15.0.tar.gz
cd node-v16.15.0
./configure --prefix=/usr/local/node/
make
make install
cd node-v13.2.0
./configure --debug --prefix=/usr/local/node/
make -j4 # 让make最多允许4个编译命令同时执行,这样可以更有效的利用CPU资源
make -j4 install
vim /etc/profile
#set for nodejs
export NODE_HOME=/usr/local/node
export PATH=$NODE_HOME/bin:$PATH
source /etc/profile
测试是否安装成功:
node -v
# v6.12.3
npm -v
# 3.10.10
ln -s /usr/local/node/bin/* /usr/local/bin/
# 关闭 node 服务
pkill node
apt-get update -y # 更新软件信息数据库
apt-get install -y wget vim net-tools curl git cron axel zip unzip
apt-get install -y libpcre3 libpcre3-dev openssl libssl-dev zlib1g-dev # nginx
apt-get install -y cmake golang python
apt-get install -y build-essential autoconf automake libtool
npm config set proxy null # 设置代理为空
npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
npm install -g cnpm --registry=https://registry.npm.taobao.org
npm set registry http://registry.npmjs.org
npm set registry https://registry.npm.taobao.org
npm set disturl https://npm.taobao.org/dist
npm set sass_binary_site https://npm.taobao.org/mirrors/node-sass
npm set electron_mirror https://npm.taobao.org/mirrors/electron
npm set puppeteer_download_host https://npm.taobao.org/mirrors
npm set chromedriver_cdnurl https://npm.taobao.org/mirrors/chromedriver
npm set operadriver_cdnurl https://npm.taobao.org/mirrors/operadriver
npm set phantomjs_cdnurl https://npm.taobao.org/mirrors/phantomjs
npm set selenium_cdnurl https://npm.taobao.org/mirrors/selenium
npm set node_inspector_cdnurl https://npm.taobao.org/mirrors/node-inspector
npm cache clean --force
cnpm install -g express
cnpm install -g webpack
cnpm install -g vue
cnpm install -g vue-cli
cnpm install -g node-gyp
cnpm install -g node-sass
-先清除npm缓存
npm cache clean -f
-安装模块n， node的版本管理器，名字有点奇怪
npm install -g n
-若运行n命令后以输出command not found，请尝试如下方式
sudo -E env "PATH=$PATH" [command]
sudo -E env "PATH=$PATH" n stable
-安装最新的稳定版
n stable
-安装最新版
sudo n latest
-安装特定版本
sudo n [version.number]
-sudo n v14.17.0 # 安装 node.js v14.17.0
rm -rf /root/.node-gyp
rm -rf /usr/local/node/node_modules
npm uninstall node-sass
npm cache clean -f
npm install -g node-gyp
npm install -g n
npm i node-sass --sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
npm install node-sass --unsafe-perm --save-dev
npm audit fix --force
npm cache clean --force
rm -rf /var/jenkins_home/workspace/cont-admin/cont-admin/node_modules/*
npm install
npm install fsevents kleur tasksfile circular-json left-pad -g
npm install -g yarn
yarn --version
md yarn
进入yarn文件夹
cd yarn
初始化项目
yarn init // 同npm init，执行输入信息后，会生成package.json文件
yarn的配置项：
yarn config list // 显示所有配置项
yarn config get <key> //显示某配置项
yarn config delete <key> //删除某配置项
yarn config set <key> <value> [-g|--global] //设置配置项
安装包：
yarn install //安装package.json里所有包，并将包及它的所有依赖项保存进yarn.lock
yarn install --flat //安装一个包的单一版本
yarn install --force //强制重新下载所有包
yarn install --production //只安装dependencies里的包
# win解压,
新建: node_global; node_cache
1.安装nodejs，自带npm环境:
#centos
yum install -y nodejs
cnpm install -g webpack
#debian
apt install nodejs npm -y
2.安装淘宝镜像。因国内访问国外链接速度过慢，建议将 npm 的注册表源设置为国内的镜像，可以大幅提升安装速度。
npm install -g cnpm --registry=https://registry.npm.taobao.org
3. 已经完成环境搭建，可以开始项目初始化。
cd vue
vue init webpack vue-test
4.安装npm 项目依赖 这一步会比较慢 因为文件很多:
cd到我们的项目文件夹d:\Vue\vue-test中，运行命令: cnpm install
5.测试项目是否安装成功。运行你的项目: npm run dev
下面就写一些我在项目里遇到的一些需要文件的引入:
1、jQuery的导入
之前在和别人讨论的时候 他说vue不需要用jQuery 但是我们项目那边说要安装 所以我就安装了-_-
首先是命令行安装: npm install jquery --save
加入- -save 的意思就是保留到本地
然后再webpack.config.js 中
module.exports.plugins =中加入
| new webpack.optimize.CommonsChunkPlugin('common.js'), new webpack.ProvidePlugin({ $: 'jquery', jquery: 'jquery' }) |
还有再要引用的js中加入
| import $ from 'jquery' window.$=$ |
这样 jQuery就成功导入项目中了
2、静态css以及js导入
静态css 导入就是在相应的.vue文件中import
例如
| @import './assets/css/global.css'; |
静态js在相应的js中require 还有这些js以及css要放在assets下面
| require('./assets/js/global.js') |
3、vue-resource 导入
还有elementui导入方法都是一样 这里就医vue-resource为例
| npm install vue-resource --save |
之后在需要导入的js中import还有use
| import VueResource from 'vue-resource' Vue.use(VueResource) |
安装
Webpack可以使用npm安装，新建一个空的练习文件夹（此处命名为webpack sample project），在终端中转到该文件夹后执行下述指令就可以完成安装。
//全局安装npm install -g webpack
//安装到你的项目目录npm install --save-dev webpack
正式使用Webpack前的准备
- 在上述练习文件夹中创建一个package.json文件，这是一个标准的npm说明文件，里面蕴含了丰富的信息，包括当前项目的依赖模块，自定义的脚本任务等等。在终端中使用npm init命令可以自动创建这个package.json文件
npm init
输入这个命令后，终端会问你一系列诸如项目名称，项目描述，作者等信息，不过不用担心，如果你不准备在npm中发布你的模块，这些问题的答案都不重要，回车默认即可。
- package.json文件已经就绪，我们在本项目中安装Webpack作为依赖包
// 安装Webpacknpm install --save-dev webpack
- 回到之前的空文件夹，并在里面创建两个文件夹,app文件夹和public文件夹，app文件夹用来存放原始数据和我们将写的JavaScript模块，public文件夹用来存放之后供浏览器读取的文件（包括使用webpack打包生成的js文件以及一个index.html文件）。接下来我们再创建三个文件:
- index.html --放在public文件夹中;
- Greeter.js-- 放在app文件夹中;
- main.js-- 放在app文件夹中;
