基于vue-cli初始化一个VUE项目

 

创建一个VUE项目:

环境准备:

操作系统:win10

已安装nodeJS,npm,cnpm

如果未完成上述安装请参考以下链接:

 

NodeJS | npm | cnpm 安装教程

 

1.安装vue-cli vue脚手架:

2.输入vue init webpack my_test_vue 初始化项目:

初始化项目时的提示说明:

Vue build :打包方式,回车即可;

Install vue-router :是否要安装路由,输入y 回车;

Use ESLint to lint your code:是否需要 严格的js 语法检测,对于新手来说不太友好,这里我们可以输入n 回车;

Set up unit tests:是否安装单元测试工具输入n 回车;

Setup e2e tests with Nightwatch :是否需要 端到端测试工具 输入n 回车;

 

3.cd 到项目目录下运行cnpm install 安装项目依赖,安装之后运行:npm run dev 看见如下提示:

 

4.在浏览器中打开该地址:localhost:8080 显示如下:

 

未完待续...(待补充创建过程中遇到的一些错误提示的处理)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章