vue.js创建网站实例1

1. 搭建项目环境
   网上的教程很多，随便搜一个，参考：
   https://blog.csdn.net/weixin_43844158/article/details/89788002
   1）下载并安装node.js，访问 node.js中文官网，我下载的是12.18.4，ps：如果win10下安装失败，报2503/2502错误，可以使用cmd的管理员模式，进行安装
   2）安装淘宝镜像cnpm或yarn/bower（可选），node.js自带npm包管理器，它镜像的是国外的网站。 npm下载包一般比较慢，可以使用国内镜像（淘宝镜像cnpm）

npm install cnpm -g --registry=https://registry.npm.taobao.org

3）下载并安装git（可选）
4）安装vue脚手架vue-cli，用来搭建vue项目环境

cnpm i vue-cli -g
也可以指定安装版本
cnpm install -g vue-cli@2.9.6 --save

在这一步中，请耐心等待，最后要注意有没有error出现，如果有，重新执行一次上述命令，直到没有error出现位置
5）搭建项目环境，使用cmd进入项目文件夹，如：D:\vue，创建文件夹demo，运行下面的命令（若使用）

vue init webpack demo

最后一步选择第三项：i will handle myself
6）cmd中切换目录到demo

cd demo

7）安装插件

npm install

cnpm i vuex axios element-ui -D
或：
npm i vuex axios element-ui -S

或
npm install antd --save

8）启动项目

npm start
或：
npm run dev

若出现上述问题，删除demo文件夹下的所有内容，重复第5）步
若成功出现下图提示：

9）chrome中查看效果如下

• vue.js创建网站实例1
• vue.js创建网站实例2
• vue.js创建网站实例3
• vue.js创建网站实例4
• vue.js创建网站实例5
• vue.js创建网站实例6