VUE安装步骤

项目构建

项目推荐直接使用 Vue 官方提供的脚手架(Vue-cli),所以第一步首先是安装脚手架。在命令行或者 IDE 的 Terminal 窗口中输入以下命令即可自动安装:

npm install -g vue-cli

 

这个是全局安装 vue-cli ,以后就不需要再装了。装好之后就可以开始创建应用了。

创建应用

还是在命令行里面,进入想要创建应用的目录,然后输入:

vue init webpack app

这里面的 webpack 是一个构建和打包应用的工具,具体的我也不是很清楚,想了解的可以看这里,最后的 app 是你要创建的应用的名字,可以换成你需要的名字,回车之后等下之后会提示 downloading template ,等它完成后有几个初始化的选项需要你选择:

  • 首先会询问项目名,描述,作者三项,直接回车即可
  • 接着有一个 vue build 选项,直接回车即可
  • 然后会问你要不要安装 vue-router,选 y/n 都行,n 的话以后要用的话需要再装,但是肯定是要用的,,,所以推荐选 y
  • 最后是语法检查,单元测试,项目测试三项直接输入 n 就行

选完之后会提示你怎么 To Get Start,照着提示把三条命令都输一遍就行了。

这里写图片描述

npm install 命令回车之后会自动生成项目结构和安装各种依赖文件,等着就行,完成之后输入 npm run dev 回车,提示服务正在启动,稍等下完成后就会自动在浏览器打开初始页面。

这里写图片描述

原文地址:https://www.cnblogs.com/xiaotianrui/p/9711484.html