Vue环境搭建
1、下载node.js,地址:http://nodejs.cn,安装完成后在cmd中查看是否已安装成功:node -v
2、安装淘宝npm镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org,安装过程中如果发生如下警告信息
npm WARN deprecated socks@1.1.10: If using 2.x branch, please upgrade to at least 2.1.6 to avoid a serious bug with socket data flow and an import issue introduced in 2.1.0
C:\Users\Administrator\AppData\Roaming\npm\cnpm -> C:\Users\Administrator\AppData\Roaming\npm\node_modules\cnpm\bin\cnpm
+ cnpm@6.0.0
added 679 packages from 898 contributors in 38.097s
可以尝试如下操作:
cnpm install cnpm@6.0.0
使用cnpm -v 命令查看一下是否安装成功,如下图:
3、下面安装vue-cli脚手架,输入命令:cnpm install --global vue-cli 回车;验证是否安装成功,在命令输入vue,出来vue的信息,及说明安装成功;
4、利用脚手架创建vue开发项目包
vue init webpack myProjec
如果创建项目时一直处于downloading template状态处理,可是之前安装webpack的问题,可以尝试:npm install webpack -g重新安装一下试一下。
5、完成安装后运行cnpm run dev即可
注:如果有类似如下警告信息,可以按照提示进行安装:
npm WARN ajv-keywords@2.1.1 requires a peer of ajv@^5.0.0 but none is installed. You must install peer dependencies yourself. npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.7 (node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.7: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})
进行项目目录后运行:
npm install -g npm-install-peers
npm install -g npm
npm i ajv
相关文章
- Vue中美元$符号的意思
- VSCode调试Html中的脚本 vscode前端常用插件推荐,搭建JQuery、Vue等开发环境 vsCode 添加浏览器调试和js调试的方法总结 VS Code - Debugger for Chrome调试js
- vue - Vue介绍
- 【Vue+element+admin】环境配置说明
- vue搭建环境并创建项目
- Vue - 完美解决小数的四则运算(加减乘除)导致精度丢失问题,提供详细计算示例代码vue数据计算丢失精度
- [转]Vue导出json数据到Excel表格
- [转]Vue CLI 3搭建vue+vuex 最全分析
- Vue: teleport
- vue-element-admin el-upload组件实现图片上传
- webpack搭建vue项目开发环境【文档向学习】
- vue-cli3.0 多环境打包配置
- vue 3.0 项目搭建移动端 (二) Vue-router: router-link 与 router-view keep-alive
- vue页面是否缓存的两种方式
- Vue中的过渡和动画
- Vue富文本编辑器的使用vue-quill-deitor
- vue后台(二)
- vue-wabpack环境配置
- vue-webpack项目本地开发环境设置代理解决跨域问题
- 初识Vue之基础指令使用(初学者请进~)
- Vue 之 插件 轮播组件 vue-awesome-swiper 的简单使用整理
- 02-Vue-cli 环境搭建
- Mac环境,无法操作Vue的文件(权限问题)
- Docker+Nginx部署前后端分离项目(SpringBoot+Vue)的详细教程
- Vue开发实例(01)之环境搭建nodejs与运行第一个Vue项目