1)安装webpack
npm init --yes
npm i webpack webpack-cli --save-dev
2)安装vue
npm install vue -g
npm install vue-cli -g
vue -V
3)创建vue项目(选好目录地址)
vue init webpack test
一定要选择路由功能;
做相关选择时,对测试相关的一些选项,y/n可选择n
避免测试用的一些文件下载不了造成项目不能顺利创建。
4)运行项目:
进入项目目录cd
npm install //安装依赖的包。
npm run dev // 运行项目。
http://localhost:8080/
5)修改项目
1、首页修改,加入姓名;首页中插入一张自己的图片。
2、创建自己的组件,在首页中引入。
3、加入新的路由链接,指向自己的页面。
4、创建无路由的vue'项目,比较查看。
npm install vue
npm install vue-cli -g cnpm install --global vue-cli
vue init webpack test $ vue init webpack my-project
npm install
npm run dev
npm run build
npm start
http://localhost:8080/