新建VUE项目
1.本地新建项目
输入命令:vue init webpack 项目名称
回车
创建完成之后的提示:
创建过程中选择项:
? Project name firstvue
? Project description A Vue.js project
? Author @zhangyuanzheng1996 <1326738995@qq.com>
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Set up unit tests Yes
? Pick a test runner jest
? Setup e2e tests with Nightwatch? Yes
? Should we run `npm install` for you after the project has been created? (recommended) npm
创建完之后会出现新建项目文件夹 名称为自己
定义的项目名
2.进入项目文件夹在项目里安装依赖
文件夹已经下载好了,现在就可以进入文件夹,输入:
cd 项目名称
回车进入新建的项目
输入命令:
cnpm install
3.运行新建项目
\firstvue\config下的index.js修改端口号,默认端口号为8080,可根据实际情况修改为自己需要的
进入项目 输入命令
cnpm run dev
回车运行
浏览器输入:
http://127.0.0.1:8087/
出现此页面代表成功运行
ps:安装过程和项目已经放在gitlab下:
克隆传送门:下载去吧,老Baby