vue项目—搭建vue项目2

今天小编继续带着大家来搭建vue项目。

工具/原料
电脑一台

方法/步骤
1
首先小编先新建一个文件夹，小编将在这里创建自己的vue项目，如下图：
vue项目—搭建vue项目2

2
之前环境已经全部搭建好，首先在进入当前目录的cmd命令窗口，使用命令【vue list】查看当前可以创建vue项目模板有哪些，可以看到有好几个vue项目模板，使用较多的是webpack的vue项目模板，如下图：
vue项目—搭建vue项目2

3
接下来小编开始创建vue项目，使用命令【vue init webpack-simple myvuedemo1】来创建名称为myvuedemo1的vue项目，这里小编使用的是【webpack-simple】骨架，然后会提示项目名称、项目描述、作者等信息，一律回车即可，这样项目就创建好了，项目创建好之后下面还会有相应的提示,这里提示的命令我们后面会讲到，如下图：
vue项目—搭建vue项目2

4
然后就会在之前的空文件夹中看到新建的名称为myvuedemo1的vue项目文件，如下图：

5
在cmd命令窗口中需要先进入到创建的vue项目的目录下，然后使用【cnpm install】来安装依赖，这里类似于创建好的vue项目中已经有了pom文件，但是还没有jar包，通过命令【cnpm install】来讲pom中的jar包下载下来，如下图：

6
然后使用【npm run dev】命令来启动这个新建的vue项目，启动成功后会提示我们可以通过什么样的地址进行访问，如下图：

7
然后打开浏览器输入地址，当看到下图中的这个大大的vue标志就表示我们刚刚创建的vue项目正式启动成功了，如下图：

8
如果想要停止这个项目服务器的话，回到刚刚启动的cmd命令窗口中，然后使用命令【Ctrl+C】来停止该vue项目，如下图：

END

注意事项
个人观点，仅供参考。

感谢阅读。

点击进入!

vue项目—搭建vue项目2