1、
1、在待创建下项目路径的文件夹下面按住shift+右键鼠标,打开命令行。输入如下:
vue init webpack test-web |
2、提示输入项目名称为test-web
test-web |
3、提示输入项目描述,书写为
测试vue前端开发 |
4、提示输入作者
zhanghb22 |
5、在运行时和运行时+编译中选择运行时
6、是否安装vue-router,选择Y
7、ESLint是一个QA工具,用来避免低级错误和统一代码的风格.选择Y
8、切换创建的test-web的文件夹
cd test-web |
9、更新依赖组件
npm install |
10、启动项目
npm run dev |
11、在浏览器打开http://localhost:8080,即可打开默认页面
12、在hbuilder中导入现有的文件夹做为新项目
在hbuilder中打开。