Vue 开发环境搭建

Published on 2020-12-20 21:23 in 分类: 博客 with 狂盗一枝梅
分类: 博客

官方文档:https://cn.vuejs.org/v2/guide/installation.html

其中,使用脚手架搭建开发环境是最普遍的做法:https://cli.vuejs.org/zh/guide/

1、必须要安装nodejs

nodejs安装略。

2、搭建vue的开发环境 ,安装vue的脚手架工具

官方命令行工具

npm install --global vue-cli  /   cnpm install --global vue-cli         (此命令只需要执行一次)

3、创建项目

必须cd到对应的一个项目里面

vue init webpack vue-demo01
cd  vue-demo01 
cnpm install   /  npm install  
使用淘宝镜像加速:npm install --registry=https://registry.npm.taobao.org         
如果创建项目的时候没有报错,这一步可以省略。如果报错了  cd到项目里面运行  cnpm install   /  npm install
npm run dev

4.另一种创建项目的方式(推荐)

vue init webpack-simple vuedemo02
cd  vuedemo02
cnpm install   /  npm install
npm run dev

#vue
目录
复制 复制成功