0
点赞
收藏
分享

微信扫一扫

vue脚手架的安装配置并创建一个项目

醉倾城1 2022-01-10 阅读 63
vue.js前端

目录

安装node.js

从官网下载最新版node,js

 配置环境变量

安装vue脚手架

 创建第一个项目

启动vue cli

 功能的安装(vue路由安装)

配置

可选择观看配置

安装插件element ui

配置axios


安装node.js

从官网下载最新版node,js

 注:这里的路径可以自由设置

在安装路径下新建两个文件夹,分别命名为node_cache node_global

在cmd输入以下命令(“”里的内容为刚刚新增的两个文件夹路径

 配置环境变量

 打开环境变量-》新建系统环境变量

 点击确定

点击用户变量新建-》双击path-》新建

安装vue脚手架

配置npm淘宝镜像

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

 安装webpack

npm install -g webpack

安装vue脚手架

npm install vue-cli -g

 注:若出现error可将c:\\本账户\ASUS\目录下的,npmc文件删掉再重新安装vue脚手架

 查看是否安装成功

 创建第一个项目

启动vue cli

开始创建项目

 

 

 

 功能的安装(vue路由安装)

 

 

 

配置

 

 

可选择观看配置

安装插件element ui

点击完成安装

配置axios

安装到运行依赖

 至此,使用vue脚手架创建项目完毕。。。。。。

 

 

 

 

 

举报

相关推荐

0 条评论