Vue3.0安装与项目管理
Vue安装
首先需要安装node环境,安装node可以使用node的版本管理工具nvm
nvm的使用
- 在终端执行下面命令安装nvm
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.34.0/install.sh | bash
source ~/.bash_profile
-
nvm -version
查看nvm版本,验证安装成功 -
常用命令
-
nvm ls-remote
获取远程node所有的版本列表 -
nvm install 版本号
安装某个版本的node -
nvm install --lts
安装最新稳定版本 -
nvm ls
查看本地系统中安装的版本列表, 箭头指向的代表当前选择的版本 -
nvm use 版本号
切换node版本
nodejs与npm的关系
-
node.js是javascript的一种运行环境,是对Google V8引擎进行的封装,是一个服务器端javascript的解释器。
-
npm是nodejs的包管理器(package manage)
在Node.js上开发时,会用到很多别人已经写好的javascript代码,如果我们需要别人的代码时,都下载源码,解压,然后使用,会非常麻烦。于是就出现了包管理器npm。大家把自己写的源码上传到npm官网上,如果要用某个或某些个别人的代码,直接通过npm安装就可以了,不用管那个源码在哪里。并且如果我们要使用模块A,而模块A又依赖模块B,模块B又依赖模块C和D,此时npm会根据依赖关系,把所有依赖的包都下载下来并且管理起来。
安装vue
-
使用淘宝NPM镜像源下载比较快
npm install -g cnpm --registry=[https://registry.npm.taobao.org]
-
全局安装vue脚手架vue-cli
cnpm install -g @vue/cli
-
验证安装成功
vue -V
新建项目
终端输入vue ui
即可进入可视化的vue项目管理工具(Vue Project Manager)创建项目