快速搭建vue项目

2024-04-05 19:38•java•阅读 314

1、Windows 安装包(.msi) node安装

2.检查node版本： node --version

3.保证环境里有webpack：

全局安装：npm install -g webpack

开发环境安装： npm install --save-dev webpack

4.# 全局安装 vue-cli 脚手架工具

npm install -global vue-cli

# 创建一个基于 webpack 模板的新项目

vue init webpack my-project

5. 安装依赖

cd my-project

npm install

npm run dev

6.拓展安装

npm i vue-resource --save

npm i axios --save

7. # 在 src 目录下创建 views 文件夹，用于管理各组件

# main.js 为入口文件，全局导入（import from）和注册（Vue.component）以及使用（Vue.use）写在这里，也可以在Vue的原型上扩展方法（Vue.prototype.axios = axios）

# 在 router 文件下配置路由

# 在 components 文件下写公用组件