Vue基础

标签：目录   str   没有   项目   文件   操作   ini   route   架构   

1.搭建项目架构：

项目采用Webpack+Vue-router的架构方式，开始安装（全部在windows系统上操作，我也没有mac电脑）。 1.按Win+R，然后在文本框中输入cmd，回车打开命令行，输入vue-cli安装命令：

npm install -g cnpm --registry=https://registry.npm.taobao.org

2.在命令行中初始化项目，我们采用的是webpack模板，输入初始化命令：

vue init webpack AwesomePos

3.在命令行中，进入项目目录，使用npm install 安装ackage.json里项目的依赖包。如果你网速较慢的话，可以使用淘宝镜像的cnpm来进行安装。

4.查看是否安装正确。在命令行中输入 npm run dev ，如果能在浏览器中正常打开页面，说明安装正确。

到这里为止，我们的项目架构就建立好了，我们需要对Vue-cli给我们生成的文件进行一些必要的修改。

Vue基础

标签：目录   str   没有   项目   文件   操作   ini   route   架构   

原文地址：https://www.cnblogs.com/zhaoyingjie/p/10620977.html