开发者社区> 兴化> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

前端-1-vue cli的安装与使用

简介: 最近一直很忙,月底要上线,今天忽然发现电脑上还有node,版本已经很旧啦,点的点的就创建了一个项目,想起了跟着老张搞项目的时候,就新建了一个玩玩。
+关注继续查看

 最近一直很忙,月底要上线,今天忽然发现电脑上还有node,版本已经很旧啦,点的点的就创建了一个项目,想起了跟着老张搞项目的时候,就新建了一个玩玩。


首先先把node npm的镜像仓库设置成淘宝镜像,这样会快亿点。


npm config set registry https://registry.npm.taobao.org


npm直接使用的是国外的镜像,我们安装cnpm来访问国内的镜像。上面已经设置了淘宝镜像,超快!


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


image.png


下载vue cli


cnpm install --global vue-cli

image.png


新建项目,这里的xxx就是项目名,当然下面还可以改


vue init webpack xxx

这里一步一步要交互的:


  • name是文件名,回车就默认使用你的xxx
  • description描述不说啦,想写啥写啥
  • Install vue-router:是否需要vue-router,默认选择使用,这样生成好的项目就会有相关的路由配置文件
  • Use ESLint to lint your code:是否使用严格模式ESLint,直接回车,默认使用,这样会生成相关的ESLint配置
  • Setup unit tests with Karma + Moch?: 是否要安装单元测试。这里选择的是”N”
  • Setup e2e tests with Nightwatch:是否安装e2e测试,同样选择的“N”
  • 两个test我选了no,一个是单元测试,一个是e2e测试。


image.png


蹦出的提示,就是告诉你项目怎么编译并启动。


cd xing-insurance
npm install (or if using yarn: yarn)
npm run dev

试试:


image.png


哦吼吼,起来了,项目里自动加载的是默认的页面,访问下看到


image.png




完美,ok啦!可以去开发啦!


等我一会去下载一个vscode开发工具,抽空了搞两个页面玩一玩,完美!




END

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
前端技术-Vscode 安装和使用 | 学习笔记
简介:快速学习前端技术-Vscode 安装和使用
0 0
Web前端学习:jQuery基础--1【简介和安装、语法使用、三种选选择器的使用(元素、class、id)】(附操作源码)
Web前端学习:jQuery基础--1【简介和安装、语法使用、三种选选择器的使用(元素、class、id)】(附操作源码)
0 0
前端工作小结20-qrcodejs安装
前端工作小结20-qrcodejs安装
0 0
前端 安装 css peek 按F12 提示找不到定义解决办法
前端 安装 css peek 按F12 提示找不到定义解决办法
0 0
从脚手架开始学前端 【第3期】CentOS 7 安装Node.js环境及配置
Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。
0 0
从脚手架开始学前端 【第2期】WINDOWS安装Node.js及配置
Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。Node.js 的包管理器 npm,是全球最大的开源库生态系统。
0 0
emscripten 安装与使用, 让C语言出现在前端
会安装sdk-release-upstream, node.js, 等,因为是从 https://storage.googleapis.com/ 上下载相应的软件包,如果您因网络原因不能直接访问这个域名,则可能需要设置代理下载。
0 0
前端培训-中级阶段(52)- Express安装,使用 Express完成RESTful操作 MongoDB
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础知识的中心思想,我们开课啦(每周四)。 当我们需要起一个服务器时,我猜大多数人的选择是 Express (至少我看到的一些小工具是)。 今天我们来安装一下,然后结合上节课操作一下 MongoDB 。
0 0
前端培训-中级阶段(50)- MongoDB 简介,安装,数据库,集合,文档概念
前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础知识的中心思想,我们开课啦(每周四)。
0 0
两年经验以下的web前端们需要注意什么?
前些年自己堆前端岗位的经验总结
0 0
+关注
兴化
码中自由一片天地。。。
文章
问答
文章排行榜
最热
最新
相关电子书
更多
万物互联语音交互从端开始——前端处理从技术到商业
立即下载
2022 前端技术趋势解读
立即下载
智能前端技术与实践
立即下载