vue开发环境准备-创建一个vue项目

摘要: 创建一个vue项目

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中打开。