vue-学习之路(一)之vue-cli 创建启动项
安装环境(node.js)
1 . 从node.js官网下载并安装node,安装过程很简单,一直点下一步就ok了,安装完之后,我们通过打开命令行工具(win+R -》 cmd),输入node -v npm -v 查看版本号 。
安装淘宝cnpm 代替npm安装(npm config set registry https://registry.npm.taobao.org) 安装需要一段时间 安装结束后 npm install cnpm -g 替换成全局 ( npm config get registry 查看是否替换成功) 一切成功后 进入下一步。
安装vue-cli 打开启动项
上一步环境安装完成,接下来安装 vue-cli (在安装之前 建议先 cd 到你想安装的目录免得 全跑C盘去了)然后 输入npm install -g vue-cli ,然后等待安装完成..
重要| 包名称从更改vue-cli为@vue/cli。如果您在vue-cli全局安装了以前的(1.x或2.x)软件包,则需要先使用npm uninstall vue-cli -g或卸载它yarn global remove vue-cli。然后安装最新版本 npm install -g @vue/cli 安装完成后 vue create your-project 等待安装 cd your-project npm run serve 具体可以参考 文档 官方 cli 文档
浏览器打开 local 就好了 到此 安装完成安装完成后 打开文件目录
src:这里是我们开发的主要目录,基本上要做的事情都在这个目录里面,里面包含了几个目录及文件:
assets:放置一些图片,如logo等
components:目录里放的是一个组件文件,可以不用。
App.vue:项目入口文件,我们也可以将组件写这里,而不使用components目录。
main.js :项目的核心文件
我也是小白一个 刚开始看 有啥不多的地方 欢迎提出 蟹蟹