您的位置:首页 > Web前端 > Vue.js

npm包管理 vue-cli创建vue项目

2018-12-06 16:26 531 查看

title: NPM VUE-CLI

node
npm
npm管理项目
npm init -y
npm install xxxx@0.0.0
npm uninstall xxx
npm i  下载package.json所有的依赖
webpack
默认的入口文件
手动创建的src/index.js
默认的出口文件
dist/main.js
webpack --mode development/production
vue-cli
脚手架帮助我们搭建Vue项目的
下载
npm i vue-cli -g
用vue-cli搭建项目
vue init webpack 项目名称
启动项目
cd 项目目录下
npm run dev
vue-cli项目目录
build  打包后存放的所有文件包括配置文件
config  配置文件
node_models 依赖包
src 工作目录
static 静态文件
index.html 单页面应用
package.json  存放所有项目信息
路由的解耦
-- 下载 npm i vue-router
-- 导入 import VueRouter from "vue-router"
-- Vue.use(VueRouter)
-- 定义匹配规则url
-- 实例化VueRouter
-- 把VueRouter对象注册到Vue的根实例里
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: