Vue学习笔记-建立vue项目

第一步 安装node环境-npm
下载node.js，按步骤安装即可

第二步 搭建vue项目环境
1、全局安装@vue/cli

Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或
2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。

安装新版本的@vue/cli包

npm install -g @vue/cli
# OR
yarn global add @vue/cli

用以下命令来检查其版本，判断是否安装成功和版本号是否正确

vue --version

2.新建vue项目
找到自己想要新建项目的文件夹，在文件夹里打开cmd控制台

安装的@vue/lic在3.0及以上的时，创建项目直接输入

vue create 项目名

此处有两个选择

• default 默认选项，提供babel和eslint支持
• Manually select features 自己选择需要的功能，提供更多的特性选择。
  如果只需要babel和eslint支持只要选第一个默认的就行。项目需要更多的支持则需要选第二项自定义

先选择第一项新建项目
直接在第一项回车，等待项目建立初始化
初始化完成，项目文件夹就会生成了。

项目文件夹里面的文件

第三步 启动项目
初始化完成之后，进入到项目根目录【直接在项目文件夹输入cmd打开】

cd vue-demo

启动项目

npm run serve

启动之后，我的项目是跑在8081端口的，将红框里的复制到浏览器打开就能看到vue界面了

其他可以参考https://www.cnblogs.com/Jmosquito/p/11328288.html