使用Node.js和vue.cli+element-ui搭建vue项目(一)
2021-01-18 02:15
标签:resource info 图片 save 下载 提示 taobao out 完成 一、安装Node.js 1.Node.js下载地址: https://nodejs.org/en/download/
最新的Node.js自带npm所以这里不再下载npm了。 下载完成后,双击打开程序,按提示一路next安装,有一个页面可能有点不一样,
选择第三个第四个都行。 2.安装完毕后我们查看是否安装成功和加入环境变量
如图所示即安装成功 3.安装淘宝的npm镜像cnpm npm是国外的网址,有的时候可能下载会很慢,所以这个时候我们需要淘宝的镜像站 二、安装vue相关的工具 1.安装webpack(项目构建、打包,进行资源整合用的) 2.安装vue脚手架 三、构建vue项目 1.指定我们第一个项目的构建位置 2.初始化一个项目 最后一个参数是项目名称 3.运行完后会要求填写项目信息
项目信息还可以在项目后面的pakeage.json里面修改 4.安装项目依赖 5.安装 vue 路由模块vue-router和网络请求模块vue-resource 四、启动项目 启动完成后,会显示访问地址:
浏览器访问出现如下页面就搭建完成喏~
使用Node.js和vue.cli+element-ui搭建vue项目(一) 标签:resource info 图片 save 下载 提示 taobao out 完成 原文地址:https://www.cnblogs.com/theyang/p/13355077.htmlnpm install -g cnpm --registry=https://registry.npm.taobao.org
cnpm install webpack -g
npm install vue-cli -g
cd desktop
vue init webpack firstVue
npm -install
cnpm install vue-router vue-resource --save
npm run dev
上一篇:js 克隆对象(转)
下一篇:攻防世界web bilibili
文章标题:使用Node.js和vue.cli+element-ui搭建vue项目(一)
文章链接:http://soscw.com/index.php/essay/43473.html