vue-cli搭建vue项目环境
该篇文章是继https://www.cnblogs.com/qing-5/p/11321585.html来写
1、打开终端,输入指令"npm install --global vue-cli",来安装vue -cli脚手架。
该方法可能会出错,如下所示。
/usr/local/lib/node_modules
Error: EACCES: permission denied, access '/usr/local/lib/node_modules'
npm ERR! { [Error: EACCES: permission denied, access '/usr/local/lib/node_modules']
原因:执行命令是没有获得管理员权限
解决方法1:将指令"npm install --global vue-cli"改成 "sudo npm install --global vue-cli",回车之后,需要输入管理员密码来授予权限。
解决方法2:输入指令"sudo npm install -g cnpm --registry=https://registry.npm.taobao.org",直接安装淘宝镜像cnpm,之后输入指令“sudo cnpm install --global vue-cli”用cnpm安装vue-cli
2、终端输入“vue”检测是否安装成功,如下图显示
3、在终端输入指令“cd Desktop”切换到桌面,之后输入“vue init webpack Travel”,回车,在桌面创建一个基于webpack的vue项目放到Travel中。具体显示如图
4、终端输入“cd Travel”,回车,输入“cnpm install”,这一步在终端上没有提示,但是不输入该指令在我的项目上就会出错“Local package.json exists, but node_modules missing, did you mean to install?”。
输入“cnpm install”会安装模板中的package.json中的依赖,安装完成后会在项目文件夹下自动生成node-modules文件来存放这些依赖文件
5、之后再次输入“npm run dev”,回车。注意,这个指令中必须是npm,而不是cnpm。最终成功显示如下图。
6、vue-cli生成的文件目录
最新文章
- knockout-validation不自动插入错误消息
- Lattice 的 DDR IP核使用调试笔记之工程建立
- Python socket编程之二:【struct.pack】&;【struct.unpack】
- 为 Web 设计师准备的 25+ 款扁平 UI 工具包
- Cocos2dx隐藏iOS7状态栏】通过添加Plist Key隐藏iOS7状态栏
- ECshop网点程序优化-后台添加类目自动选择上次父类目并计算Sort Order
- 深入java并发Lock一
- css块居中
- jQuery在页面加载的时候自动调用某个函数的方法
- 面向对象_item项目
- Java小知识点总结
- Linux 系统报错 rcu_preempt detected stalls on CPUs/tasks
- gdb调试线程
- DBMS_METADATA.set_transform_param格式化输出
- linux日常命令之二
- SP四种作用范围pageContext、request、session、application 一看就懂
- IO、NIO、AIO
- Mongodb集群——master/slave
- usb入门学习
- Shell环境变量与特殊变量详解
热门文章
- MySQL批量导入Excel数据
- 算法习题---3.01猜数字游戏提示(UVa340)
- VM12_pro+Ubuntu16_64+Qt5.12.2环境搭建
- iOS-UIWebView去掉滚动条和黑色背景即拖拽后的上下阴影
- 【VS2015软件报错】命名空间 system.windows 中不存在类型或命名空间名称 forms (是否缺少程序集引用 )错误
- 白嫖百度 Tesla V100 笔记(在 AI Studio 上使用 tensorflow 和 pytorch 的方法)
- 酒店移动端入住离店日期选择demo(转)
- windows服务器入门 安装配置IIS和ASP
- clog就用clog的后缀名
- error PRJ0003 : 生成“rc.exe”时出错