一、安装node.js
1、从node官网下载并安装node,安装步骤很简单,只要一路“next”就可以了。

2、安装完成后,打开命令行工具输入命令node -v,如下图,如果出现对应的版本号,就说明安装成功了。

3、我们所需要的npm包管理器,是集成在node中的,所以,直接输入npm -v,就会如下图所示,显示出npm的版本信息(另外需要注意的是,npm的版本最好是3.x.x以上,以免对后续产生影响)。

二、配置npm的淘宝镜像加快访问速度

2、直接在命令行输入:

  2:安装命令
     npm config set registry https://registry.npm.taobao.org
  3:查看是否安装成功 
    npm info express

三、安装vue-cli脚手架构建工具
vue-cli 提供了一个官方命令行工具,可用于快速搭建大型单页面应用。该工具提供开箱即用的构建工具配置,带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目

1、全局安装 vue-cli

npm install -g @vue/cli

安装完成之后使用vue --version查看版本信息

2、切换到需要创建项目的目录,使用下面命令进行创建项目

vue create xxx

因为我这里是安装vue2 cli所以选择vue2安装

回车完成之后 ,系统提示如下命令,进入到vue-test文件夹中执行npm run serve进行编译

 完成后

浏览器输入上面的地址,出现下面的画面,一个helloworld 的vue项目就创建好了

 

Logo

前往低代码交流专区

更多推荐