如何搭建一个vue项目
如何搭建一个vue项目(完整步骤)
下面我们来学习如何搭建一个vue项目(完整步骤)
一、环境准备
1、安装node.js
2、检查node.js版本
- 查看版本的两种方式：node -v 或者node -version
3.为了提高我们的效率，我们可以使用淘宝的镜像源。
- 输入：npm install -g cnpm –registry=https://registry.npm.taobao.org 即可安装npm镜像源
- 以后再用到npm的地方直接用cnpm来代替就好了，因为没有镜像源的话，安装速度比较慢
- 检查是否安装成功：
cnpm -v
二、搭建vue环境
1、全局安装vue-cli
- 这里注意:安装vue-cli需要node.js版本。
- 两种安装方式:输入cmd命令：npm install -g @vue/cli 或者 cnpm install -g @vue/cli
- 已安装的版本(版本号表示安装成功)：vue –version
- 如果你原来有版本或者版本比较低，可以升级：npm update -g @vue/cli
三、创建vue项目
1、用cmd命令创建项目
（1）创建文件：以管理员身份打开命令行界面，输入要创建项目的任何文件夹。（例如：vuedemo）
（2）选择配置信息：通过上下方向键选择对应配置，然后回车。按空格键选择要安装的配置资源，带 * 号说明被选上了
（3）选择版本：上下箭头键选择版本，这里我们选择vue2，然后按Enter。
（4）路径模式选择：直接输入 no/n
（5）语法代码格式检查：检查代码，只需选择标准的，切换方向键，选择空格键，回车。
（6）第三方文件存在的方式：独立 或者 综合
（7）是否保存本次配置信息（保存预设）：如果您选择在这里保存，您必须输入一个名称，默认情况下这是文件夹的名称。这个文件配置的选项会在下次配置时显示，就像上面那个一样，配置的时候会多一个。
（8）创建成功！
（9）运行：cd 创建的文件名称（vuedemo），之后输入代码运行文件 npm run server
（10）启动：在浏览器输入对应的网址就可以看到界面啦（http://localhost:8080/）
（11）终止：ctrl+c
这样一个基础的vue项目就搭建完成啦！如果还需要其他的插件就可以用 npm 或者 cnpm 安装啦
