一.

安装nodejs

链接:https://nodejs.org/zh-cn/

二.

安装webpack

安装命令:cnpm install webpack -g

安装完成,通过webpack -v来查看当前webpack版本

三.

接着安装全局的vue-cli脚手架,用于帮助搭建所需的模板框架

安装命令:npm install -g vue-cli

安装完后,可以输入vue,或者vue -V,然后回车,如果出现vue的信息,则说明安装成功了。

四.

紧接着,就该创建项目了,自己找一个合适的地方,新建一个项目文件夹,根据自己的需要命名,我的命名为 my-vue,然后,打开此文件夹,右键git bash here,定位到此文件夹,输入:vue init webpack my-vue(项目文件夹名),回车,等待一小会儿,依次出现‘git’下的项,可按下图操作:

vue学习路线1——搭建本地项目

五.之后通过命令:cd vue-test 进入此文件夹,在利用命令:npm install,回车,等待一小会儿,回到项目文件夹,会发现项目结构里,多了一个node_modules文件夹(该文件里的内容就是之前安装的依赖)。

六.在命令行里继续输入 npm run dev来测试环境是否搭建成功,如果出现如下图说明成功了:


vue学习路线1——搭建本地项目

然后输入提示你的地址,我的是8081,出现下图,就ok了

vue学习路线1——搭建本地项目


相关文章:

  • 2022-12-23
  • 2021-12-11
  • 2022-12-23
  • 2021-03-30
  • 2022-02-24
  • 2021-12-08
  • 2022-12-23
  • 2022-02-19
猜你喜欢
  • 2021-07-21
  • 2021-05-21
  • 2021-09-15
  • 2021-07-28
  • 2022-12-23
  • 2021-06-22
相关资源
相似解决方案