vue 脚手架安装

deepin/ubuntu 安装node和npm

使用命令

sudo apt-get install node

然后就可以了，一条命令安装配置好最新最稳定的node和npm环境，切记不要看网上的 以下命令，已经过时了，会安装npm失败了,查看是通过nodejs -v查看，版本很老，还不自带npm

apt install nodejs

apt install npm

查看安装

使用命令

node -v

npm -v

安装vue

查看vue官方文档和vue-cli官方文档指导安装

1. 安装vue

npm install vue

2. 安装脚手架

npm install -g @vue/cli

3. 安装cnpm linux安装以上1. 2可能会非常卡,那么安装cnpm淘宝镜像

npm install -g cnpm -registry=https://registry.npm.taobao.org

如果存在安装失败，查看报错，如果是权限导致的，在所有指令都加上sudo。

4. 再次使用cnpm安装vue和@vue/cli

5. 查看安装 使用命令

vue -V

查看vue脚手架版本

创建项目

指定目录下创建项目

vue create vue-demo-project

按照自己的需求选择配置 我选择的配置

运行项目

cnpm install 安装依赖

cnpm run serve 运行项目

cnpm run build 打包备用部署

访问API

使用vscode打开工程开始码代码了

注意

貌似使用Deepin的安装源安装的node版本低了一点。但是可以用。也可以慢慢等deepin官方更新安装源。也可以直接下载node最新版安装 https://nodejs.org/en/

记得先卸载之前安装的node.

sudo apt remove node

然后配置下载的node环境

所以嫌麻烦没有必要用最新版本，除非是重大更新。配置可以私我。

配置yarn

可能用的同学习惯使用yarn,而不是npm。node是没有自带yarn,需要安装yarn包管理器。 https://yarn.bootcss.com/docs/install/#debian-stable

如官方所示，使用curl获取安装源头。

curl --version

如果没有安装curl

sudo apt install curl
## 若要卸载 
## sudo apt remove curl
curl --version
# 查看终端ip
curl ip.gs

获取yarn安装源

curl -sS https://dl.yarnpkg.com/debian/pubkey.gpg | sudo apt-key add -
echo "deb https://dl.yarnpkg.com/debian/ stable main" | sudo tee /etc/apt/sources.list.d/yarn.list

开始安装yarn

sudo apt-get update && sudo apt-get install yarn
yarn --version

npm安装vue/cli yarn 安装vue/cli npm安装create-reacr-app yarn安装create-react=app 不同的包管理器，需要安装分别安装对应的脚手架

 

转载至：https://my.oschina.net/u/4216318/blog/3110993

如有侵权 联系2498668261@qq.com