一. nodejs安装
uname -a
查看系统版本,网址:http://nodejs.cn/download/wget 链接
进行下载
例如:
- [hadoop@node100 ~]$ wget https://npm.taobao.org/mirrors/node/v14.13.0/node-v14.13.0-linux-x64.tar.xz
tar 文件名.
进行安装
- 如:tar -xvf node-v12.14.1-linux-x64.tar.xz
- 移动文件夹
sudo mv ./node-v12.14.1-linux-x64 /usr/local/node
- 软连接
sudo ln -s /usr/local/node/bin/node /usr/bin/node
sudo ln -s /usr/local/node/bin/npm /usr/bin/npm
- 使用node -v 查看node版本号
- node -v
- npm -v
- 均可后,npm换淘宝源
- 下载安装
npm install -g cnpm --registry=https://registry.npm.taobao.org
- 如果是mac失败,比如报错有关access的,可以试试
sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
- 软连接
sudo ln -s /usr/local/node/bin/cnpm /usr/bin/cnpm
cnpm -v
二. VUE安装
- vue菜鸟教程-v2
- vue3官方文档
- 官网教程中安装命令是
npm install -g @vue/cli
,因为电脑上已经安装了cnpm,所以命令改为sudo cnpm install -g @vue/cli
这样的话可以拥有权限去建立文件夹并安装vue. - 在
vue init webpack-simple demo01
过程中可能遇到报错Command vue init requires a global addon to be installed. Please run npm install -g @vue/cli-init and try again.
,需要sudo npm install -g @vue/cli-init
.所以之前的sudo cnpm没卵用 - 项目建立通用语段:
$ vue init webpack my-project
$ cd my-project
$ npm install
$ npm run dev
几个搜索过的教程
此外要说的是,界面好看啊! 然后simple方式和直接webpack方式差在红框那行Docs for This Template
上。