Vue基础

Posted 2021-11-22 zhaoyingjie

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给我们生成的文件进行一些必要的修改。