如何使用VUE新建项目？

361 02-21

介绍

要安装vue的方法有很多，这里我使用的是npm方法安装，要使用npm就要先安装nodejs，下面我就一步一步来安装。

安装NodeJS

#NodeJS下载地址
https://nodejs.org/download/release/

Windows版本的按向导安装就可以，下面我介绍一下Linux上安装NodeJS

下载的时候选择对应系统的二进制包，不要选择源码包，源码包编译非常慢。

https://nodejs.org/download/release/latest-v18.x/node-v18.14.0-linux-x64.tar.gz

leenhem@leenhem-Thinkpad:/media/leenhem/软件$ ll node-v18.14.0-linux-x64.tar.gz 
-rwxrwxrwx 1 leenhem leenhem 44049153  2月 16 11:34 node-v18.14.0-linux-x64.tar.gz*
leenhem@leenhem-Thinkpad:/media/leenhem/软件$ tar -zxf node-v18.14.0-linux-x64.tar.gz 
leenhem@leenhem-Thinkpad:/media/leenhem/软件$ cd node-v18.14.0-linux-x64/
leenhem@leenhem-Thinkpad:/media/leenhem/软件/node-v18.14.0-linux-x64$ ll
总用量 544
drwxrwxrwx 1 leenhem leenhem    440  2月  2 06:28 ./
drwxrwxrwx 1 leenhem leenhem  12288  2月 16 11:36 ../
drwxrwxrwx 1 leenhem leenhem    424  2月  2 06:28 bin/
-rwxrwxrwx 1 leenhem leenhem 392537  2月  2 06:28 CHANGELOG.md*
drwxrwxrwx 1 leenhem leenhem    144  2月  2 06:28 include/
drwxrwxrwx 1 leenhem leenhem      0  2月  2 06:28 lib/
-rwxrwxrwx 1 leenhem leenhem 113772  2月  2 06:28 LICENSE*
-rwxrwxrwx 1 leenhem leenhem  35954  2月  2 06:28 README.md*
drwxrwxrwx 1 leenhem leenhem      0  2月  2 06:28 share/

配置环境变量

#修改 /etc/profile 和 ~/.bashrc都可以，但是/etc/profile修改需要Root权限
vim ~/.bashrc
export NODE='/media/leenhem/软件/node-v18.14.0-linux-x64'
export PATH=$PATH:$NODE/bin
export NODE_OPTIONS=--openssl-legacy-provider

验证

leenhem@leenhem-Thinkpad:/media/leenhem/软件/node-v18.14.0-linux-x64$ node  --version
v18.14.0

安装VUE

# 查看npm版本
leenhem@leenhem-Thinkpad:/media/leenhem/软件/node-v18.14.0-linux-x64$ npm -v
9.3.1

# 版本低于3.0要升级npm
# 升级
npm install npm -g

#默认镜像太慢，切换阿里云镜像
npm config set registry https://registry.npm.taobao.org
#安装vue
npm install -g @vue/cli

#查看VUE-CLI版本
leenhem@leenhem-Thinkpad:/media/leenhem/软件$ vue -V
@vue/cli 5.0.8