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

最新文章

  1. 第二十六篇:两个SOUI新控件 ---- SListView和SComboView(借用Andorid的设计)
  2. 调用C++动态链接库出现错误
  3. javascript_this的用法
  4. 如何在tpl模版的div块中加ztree
  5. hash函数为什么要选择对素数求余?
  6. CSS3每日一练之内容处理-嵌套编号
  7. ImageSource使用心得(转)
  8. linux set,env和export
  9. python进程池剖析(二)
  10. Call U
  11. CloudFoundry虚拟机实例配置DNS
  12. 汇编语言实现led灯的跑马灯
  13. Codeforces 558E A Simple Task
  14. Windows Developer Day Review
  15. bzoj2969 矩形粉刷
  16. [ZJOI 2010]count 数字计数
  17. VSCode 绿色版(zip压缩包) 添加右键菜单 使用VSCode 打开文件或文件夹
  18. OO博客作业3:第9-11周作业总结
  19. Python全栈之路----数据类型—元组类型
  20. node.js初识07

热门文章

  1. HTTPS 301错误码 以及 SSL错误
  2. Mybatis一级缓存和二级缓存 Redis缓存
  3. python 图像的离散傅立叶变换
  4. 通过yum在CentOS7部署LNMP环境(Centos7.4+Nginx1.12+mariadb5.5.56+PHP7.0)
  5. sql 根据身份证判断年龄是否小于18岁
  6. Python 第三天学习整理①
  7. 5分钟搞定android混淆(转)
  8. (PASS)JAVA数组去重 三种方法 (不用集合)
  9. C语言集成开发环境使用小记
  10. Mysql中存储过程和函数的写法