1.安装node.js并配置环境变量
下载 | Node.js
查看安装版本信息 命令:node -v
?
?2.配置淘宝镜像
如出现下载缓慢请配置 npm 淘宝镜像:npm config set registry https://registry.npm.taobao.org
?3.创建脚手架vue cli 工程
(1)第一步(仅第一次执行):全局安装@vue/cli。
npm install -g @vue/cli
安装成功
(2)第二步:切换到你要创建项目的目录,然后使用命令创建项目
vue create vue-test
?选择vue版本,这里选vue2,然后回车
?
上面使用vue脚手架创建项目成功,启动项目
?npm run serve
vue cli4.5模板项目的结构
├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放组件 │ │ └── HelloWorld.vue │ │── App.vue: 汇总所有组件 │ │── main.js: 入口文件 ├── .gitignore: git 版本管制忽略的配置 ├── babel.config.js: babel 的配置文件 ├── package.json: 应用包配置文件 ├── README.md: 应用描述文件 ├── package-lock.json:包版本控制文件
|