Vue项目创建流程

完全没有接触过vue的小白，之前还学过js，但是由于这近两年的时候一直在接触后台，前台已经忘的差不多了，想拾起来，学习学习。
用idea完全不知道怎么创建前台项目，然后问了我们项目的前台大哥，他推荐我两个网址来创建前端项目。

这个属于前后台不分离的创建方式。

https://www.cnblogs.com/xinruyi/p/9360282.html?tdsourcetag=s_pcqq_aiomsg

这种属于前台分离的创建方式

https://www.cnblogs.com/taoweizhong/p/10991912.html?tdsourcetag=s_pcqq_aiomsg

我用的是第二种创建方式，

我准备的jdk也是1.8的，然后直接在nodejs官网下载的稳定版（Windows版），下载完之后直接执行程序安装。在安装的时候有个地方让勾选，我没勾选，直接点的完成安装。

nodejs下载地址：https://nodejs.org/en/download/。

安装之后
就先不要看文档了，因为我一开始按照这个文档执行的时候，执行不下去，不知道他的项目是什么时候创建的，创建的是个什么样的项目，本来我就是因为不知道怎么创建项目才想学习学习，这一下子整个出，我一脸懵逼。
说下我的虎比经历，我自己随便创了个spring项目，然后直接按照他后续的步骤进行，

也就是这句话，然后提示我vue指令不合法之类的错误，然后我就从网上查被，然后发现我还没有安装vue，当然这个命令也出不来。苦逼。然后找了一个网址，按照这个教程继续执行。

https://baijiahao.baidu.com/s?id=1621989444415819861&wfr=spider&for=pc

对了，我忘记说项目是个什么项目了，sorry。

首先创建一个空的项目
然后点击“Next”，设置项目名字，点击“Finish”。
然后创建完成之后，让他在新的窗口中展示，会弹出这样的一个弹窗
点击“+”号，创建新的model
点击Next，设置model名字，然后完成。

这个文档中的vue\test 这个位置指的是咱们创建的空项目的名字的路径

然后继续安装webpack，装着完之后，执行的vue init webpack +项目名字，其中他的myVue写咱们的model名称。然后后续的安装就全部按照这个网址安装使用即可。

我安装完成之后，又回到了https://www.cnblogs.com/taoweizhong/p/10991912.html?tdsourcetag=s_pcqq_aiomsg网址，看到下面有直接从git上下载创建好的项目然后安装Vue.js操作，我没有在git上下载，我是直接用的我上面创建好的项目然后在idea中安装vue.js，设置了ECMAScript 6和如何启动。然后点击启动，启动成功之后创建项目就完事了。

我是个不会往深处去研究某些操作是干什么用，那些操作能干什么，通过这几个网址，也能大概了解到，nodejs相当于一个插件管理中心，咱们需要用到什么框架插件就下载下来，让项目使用。
我一般喜欢在写代码的时候再去深究某个操作是干什么用的，这个习惯不是很好。但是对于我来说，会让我理解的更深。ok，就到这里了，一个前台开发小白，慢慢接触，慢慢学习。

Idea创建Vue项目流程相关推荐

ui vue 创建项目教程并关闭语法_创建vue项目流程
创建vue项目流程 1.使用构建工具vue-cli创建项目脚手架 vue-cli是一个官方发布vue.js项目脚手架,使用vue-cli可以快速创建vue项目. (1)安装确认已安装了node.js ...
Vue vscode 创建 vue 项目流程【超详细】
文章目录一.安装node 二.配置淘宝镜像三.配置 vscode(win10) 四.全局安装脚手架五.创建项目六.进入项目七.项目结构一.安装node 请在官网下载安装:https://n ...
使用 vue-lic3 创建 vue 项目
使用 vue-lic3 创建 vue 项目在使用 vue-lic3 创建 vue 项目工程之前首先要确保已经安装了 nodejs,webpack vue-cli 是 vue 的脚手架,可以用配置好的 ...
创建vue项目+总结使用(跨域问题+vue 创建)
创建vue项目: -安装node.js-vue脚手架-vue create 项目名字pycharm开发vue项目-需要安装vue.js插件-setting--->plugins--->左下 ...
Eclipse中创建SpringBoot项目流程，及报错解决方案
Eclipse中创建SpringBoot项目流程,及报错解决方案参考文章: (1)Eclipse中创建SpringBoot项目流程,及报错解决方案 (2)https://www.cnblogs.co ...
ui vue 创建项目教程并关闭语法_使用vue ui命令创建vue项目步骤
1.前置环境 1.node.js 2.vue-cli 3.webstorm 2.创建步骤 1.在webstorm中打开一个终端,输入 #vue ui 运行结束后,会启动一个web服务用以可视化创建vu ...
一篇文章教会你创建vue项目和使用vue.js实现数据增删改查
简介:一篇文章教会你创建vue项目和使用vue.js实现数据增删改查 [一.项目背景] 在管理员的一些后台页面里,数据列表中都会对这些数据进行增删改查的操作,例如管理员添加商品.修改商品价格.删除商品 ...
一、从零创建VUE项目
假设你在创建VUE项目时对webpack和vue-loader有一些了解. 下面开始快速搭建属于你的VUE项目: $ npm install vue-cli -g // 全局安装vue-cli $ ...
Vue cli3.0创建Vue项目
创建Vue项目在要创建项目的文件夹下面打开Powershell窗口输入命令 vue create 项目名称选择第二项回车后选择是否使用历史路由 no 回车选择 Less 回车选择第三个 ...

Idea创建Vue项目流程

Vue项目创建流程

Idea创建Vue项目流程相关推荐

最新文章

热门文章