vue2:使用vue_cli创建
vue3:可以使用vue_cli创建,官方更推荐使用vite:更快更小
脚手架:内置了很多组件来帮助我们更便捷的的开发vue.js项目。
1.使用vue_cli创建项目
vue_cli是基于node.js编程语言创建的
1.1 安装
- 安装node.js
下载链接: https://nodejs.org/en/download/
根据自己的操作系统选择安装,安装非常简单,一直下一步就行,检查安装是否成功
node -v
- 关于npm
npm就类似python中的pip工具,是node.js的包管理工具,更新npm
sudo npm install npm@latest -g
设置npm的下载源
npm config set registry https://registry.npm.taobao.org
- 下载vue-cl包
# 安装(最新版) sudo npm install -g @vue/cli # 安装(指定版本) sudo npm install -g @vue/[email protected] # 卸载 sudo npm uninstall -g @vue/cli
1.2 创建项目
- 切换到想要创建目录位置
- 指定项目名称
vue create myfirstvue
- 选择创建vue的版本等信息,这里我选择自定义
- 选择需要的第三方组件
- 选择vue版本,我这里选择2.0
-
选择Y
-
选择包管理工具
-
选择N
创建成功
1.3 项目启动
方式一:
# 1. 进入创建的项目目录
# 2. 执行如下命令
npm run serve
打开链接,看到如下页面,代表项目运行成功
方式二:
- 将创建的项目使用pycharm或者webstorm打开
- 添加配置
- 点击绿箭头运行项目
1.4 项目目录介绍
2.使用vite创建项目
3.webstorm创建项目
标签:npm,node,vue,cli,项目,创建,Vue,脚手架,搭建 From: https://www.cnblogs.com/victor1234/p/16862189.html