使用Vue-CLI搭建项目

如何搭建项目环境（流程）?

（1）、安装node.js。
（在命令行 where node:查位置 node -v：查版本号）
查看包管理工具（npm、yarm、cnpm）
国内的开发者最好先配置淘宝镜像源（npm install -g cnpm --registry=[https://registry.npm.taobao.org]
(注意：2022年6月原淘宝镜像停止解析，使用npm config get registry https://registry.npmmirror.com/代替/)(https://links.jianshu.com/go?to=https%3A%2F%2Fregistry.npm.taobao.org)）
查看镜像源：npm config get registry

2022年4月29日补充

（2）、安装代码管理工具git。设置用户姓名和邮箱，设置分支；

git config user.name "用户名"
git config user.email "邮箱"

（3）、安装Vue.js：
npm install -g vue
（4）、安装脚手架：
npm install -g @vue/cli
（vue-cli:搭建项目目录结构；vue-router:实现页面跳转；vuex:实现各个组件间的 参数传递）；
检查vue版本的命令：
vue --version
（5）、使用vue-cli创建项目，然后进行相应的配置即可：
vue create project-name

配置项选择

最后输入n，不保存。
2022年添加：按需求选择vue3或者vue2

image.png

等待自动创建完毕。
进入创建好的项目文件夹，输入命令cd my-project
测试是否正常可运行，输入npm run serve。
打开浏览器输入（默认的端口）http://localhost:8080/ 出现:
Welcome to Your Vue.js App
For a guide and recipes on how to configure / customize this project,
check out the vue-cli documentation.
说明项目已经创建成功了。