Vue环境搭建及第一个helloWorld
2024-09-25 20:19:25
Vue环境搭建及第一个helloWorld
一、环境搭建
1、node.js环境安装配置 https://www.cnblogs.com/liuqiyun/p/8133904.html 或者 https://www.jianshu.com/p/13f45e24b1de
2、安装vue(命令在命令行输入,快捷键win+r;输入cmd,之后输入下面的命令 )
cnpm install vue -g
3、安装vue命令行工具,即vue-cli脚手架
cnpm install vue-cli -g
二、新项目的创建
1、打开存放新建项目的文件夹(比如在D盘新建个vue文件)
快捷键 win + r;输入cmd,回车;打开你新建的文件夹;例:我在D:盘新建了一个空的vue文件夹,那么在命令行输入
2、输入“vue init webpack-simple 项目名称(使用英文)”。例:
就是vue init webpack-simple + 文件名;
初始化完成后的项目目录结构如下:
在后面的链接里,有详细的目录介绍,我就不再赘述https://blog.csdn.net/weixin_40905960/article/details/80375536
3、安装工程依赖模块
定位到test工程目录,安装工程依赖;依赖安装在test目录下,node_module文件夹会被新建,而且根据package.json的配置下载该项目的modules。
cd test
cnpm install
4、运行项目(node启动的
cnpm run dev
最后出来下面这个界面:
三、创建第一个helloWolrd
可以把不要的删除了,例:
第一个hello World
最新文章
- 第二十六篇:两个SOUI新控件 ---- SListView和SComboView(借用Andorid的设计)
- 调用C++动态链接库出现错误
- javascript_this的用法
- 如何在tpl模版的div块中加ztree
- hash函数为什么要选择对素数求余?
- CSS3每日一练之内容处理-嵌套编号
- ImageSource使用心得(转)
- linux set,env和export
- python进程池剖析(二)
- Call U
- CloudFoundry虚拟机实例配置DNS
- 汇编语言实现led灯的跑马灯
- Codeforces 558E A Simple Task
- Windows Developer Day Review
- bzoj2969 矩形粉刷
- [ZJOI 2010]count 数字计数
- VSCode 绿色版(zip压缩包) 添加右键菜单 使用VSCode 打开文件或文件夹
- OO博客作业3:第9-11周作业总结
- Python全栈之路----数据类型—元组类型
- node.js初识07
热门文章
- HTTPS 301错误码 以及 SSL错误
- Mybatis一级缓存和二级缓存 Redis缓存
- python 图像的离散傅立叶变换
- 通过yum在CentOS7部署LNMP环境(Centos7.4+Nginx1.12+mariadb5.5.56+PHP7.0)
- sql 根据身份证判断年龄是否小于18岁
- Python 第三天学习整理①
- 5分钟搞定android混淆(转)
- (PASS)JAVA数组去重 三种方法 (不用集合)
- C语言集成开发环境使用小记
- Mysql中存储过程和函数的写法