vue.js创建网站实例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创建网站实例1vue.js创建网站实例2vue.js创建网站实例3vue.js创建网站实例4vue.js创建网站实例5vue.js创建网站实例6