Vue项目创建步骤(新手入门)

1.node.js 的安装

2.vue-cli(脚手架的安装)
    在cmd里面进行:npm install -g vue-cli
    
3.开始用脚手架进行项目创建(https://blog.csdn.net/qq_37164847/article/details/80939741)
    vue init webpack 项目名
4.根据提示输入信息
    Project name :项目名称 ,如果不需要更改直接回车就可以了。注意:这里不能使用大写。
    Project description:项目描述,默认为A Vue.js project,直接回车,不用编写。
    Author:作者,如果你有配置git,他会读取.ssh文件中的user。
    Install vue-router? 是否安装vue的路由插件,Y代表安装,N无需安装,下面的命令也是一样的。
    Use ESLint to lint your code? 是否用ESLint来限制你的代码错误和风格
    setup unit tests with Karma + Mocha? 是否需要安装单元测试工具Karma+Mocha。
    Setup e2e tests with Nightwatch?是否安装e2e来进行用户行为模拟测试。
    Should we run npm install for you after the project has been created?(recommended)npm
5.然后cd 到项目的目录下
    cd 项目名
6.运行项目
    npm run dev
7.根据提示在浏览器输入对应的网址
     http://localhost:8080
8.一般的话,需要用element-ui进行页面的开发,引入element
    npm i element-ui -S
9.打开项目,修改文件main.js
    添加:  import ElementUI from 'element-ui'
            import 'element-ui/lib/theme-chalk/index.css'
            Vue.use(ElementUI)
10.一般有页面跳转的都需要路由来操作,引入router
    cnpm install --save vue-router
    打开项目,修改文件main.js:
    import VueRouter from 'vue-router';
    Vue.use(VueRouter);
11.很多时候路由的状态需要store来修改,store是vuex的内容,引入vuex
    npm install vuex --save
    然后配置文件路径
    https://baijiahao.baidu.com/s?id=1618794879569468435&wfr=spider&for=pc
12.如果和后端有交互的话,需要有post,get等请求。需要引入axios
    npm install axios

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值