首先,自己打算做一个前后端分离的项目,竟全然不会,全靠摸索,祈祷运气让我搭建顺利了,

第一步,安装node环境

1.下载https://nodejs.org/en/

2.检查是否安装成功,查看版本号

vue搭建,第一次

3.利用包管理器,可以减少包的引用的麻烦,可以使用国内的淘宝cnpm镜像,会比国外的npm镜像速度快一点

用命令安装npm镜像        npm install -g cnpm -registry=https://registry.npm.taobao.org 

这是安装时的过程:

vue搭建,第一次

输入 cnpm -v     检查是否安装成功:

vue搭建,第一次

 

第二步,搭建vue项目

1.全局安装脚手架vue-cli     (vue脚手架指的是vue-cli,它是一个专门为单页面应用快速搭建繁杂的脚手架,它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板)

命令:npm install --global vue-cli

脚手架安装成功

vue搭建,第一次

 

 2.新建项目

命令:vue init webpack vue-chaoxcx   

vue搭建,第一次

 

 按照他给出的提示,输入Y 或N点击回车,就开始创建项目了

   说明: Vue build ==> 打包方式,回车即可;

    Install vue-router ==> 是否要安装 vue-router,Y 回车;

    Use ESLint to lint your code ==> 是否需要 js 语法检测 n 回车;

    Set up unit tests ==> 是否安装 单元测试工具  n 回车;

    Setup e2e tests with Nightwatch ==> 是否需要 端到端测试工具 n 回车;

vue搭建,第一次

 

vue搭建,第一次 

 

有报错 也不知道有没有影响,继续吧

第三步,用visual studio code 打开项目

项目目录如下:

vue搭建,第一次

 用快捷键ctrl+~   打开窗口,执行命令npm i    加载依赖vue搭建,第一次

 用命令 npm run dev  启动项目

vue搭建,第一次

 

 今天休息了,明天继续。。。。。

 

 

相关文章:

  • 2021-12-04
  • 2021-03-30
  • 2021-06-18
  • 2022-03-08
  • 2021-04-21
  • 2021-06-08
  • 2021-06-19
猜你喜欢
  • 2021-07-15
  • 2021-10-14
  • 2021-07-14
  • 2021-09-17
  • 2021-08-24
  • 2021-05-14
相关资源
相似解决方案