VUE环境搭建,项目配置(Windows下)
公司想做官网,框架我自己定,然后就选了vue,那现在就来加深一遍vue的环境的搭建吧
1、安装node.js,这里就不再多说了,很简单,如果之前有安装就不用再安装了,可node -v查看node版本
2、基于node.js,利用淘宝npm镜像安装相关依赖,在cmd里直接输入:
npm install -g cnpm --registry=https://registry.npm.taobao.org,回车,等待安装;
npm install -g cnpm --registry=https://registry.npm.taobao.org,回车,等待安装;
3、安装全局vue-cli脚手架,用于帮助搭建所粗的模板框架,
1)cnpm install -g vue-cli,回车
2)输入vue回车,若是看见vue的信息,则表示安装成功;
4、创建项目,在cmd里输入:vue init webpack vue_test(项目名称),回车,等一下依次出现`git`下的项,按下图操作:

5、安装依赖,在cmd里输入:
1)cd vue_test(项目名称),进入到具体项目文件夹;
2)输入 cnpm install,回车,等会儿
回到项目文件夹,会发现项目结构里,多了一个node_modules文件夹(该文件里的内容就是之前安装的依赖),基于脚手架创建的项目 目录如下:

6、测试环境是否搭建成功
1)第一种方法:cnpm run dev
2)第二种方法:在浏览器输入:localhost:8080,运行后,效果如下图所示:

这样,就成功了
7、如果有如下图所示的错误:


那就升级npm,输入命令:npminstall -gnpm,就可以自动升级到最新版本了
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步