1.安装node.js https://nodejs.org/zh-cn/ 下载安装node.js 在命令行测试 node -v 输出版本号说明安装成功 2.使用npm更新安装cpnm npm install cnpm -g --registry=https://registry.npm.taobao.org 3.全局安装vue-cli npm install -g @vue/cli 4.安装成功之后cd进入你想要存放项目的目录下创建项目 vue create (项目的名字)进行配置选项 5.所…

前言 在学习完vue基础语法之后,学着利用vue-cli脚手架搭建一个项目,本篇随笔主要记录搭建的过程,供大家一起学习. 具体内容 搭建vue项目的准备工作 1.安装Nodejs.NPM以及VSCode Nodejs:是一个基于Chrome V8引擎的JavaScript运行环境,它结合NPM一起来管理包. NPM:是和Nodejs一起安装的包管理工具,可以解决NodeJS代码部署上的诸多问题:常见的使用场景有以下几种: (1)允许用户从NPM服务器下载别人编写的第三方包到本地使用: (2)允许…

Vue.js是一个构建数据驱动的web界面的渐进式框架.在写这边文章时Vue版本分为1.0++和2.0++,这个是基于Vue2.0的项目. Vue-cli是构建单页应用的脚手架,这个可是官方的. Vue-cli安装步骤: 1.npm install -g vue-cli     //全局安装vue-cli 2.vue init webpack projectName        //生成项目名为projectName的模板,这里的项目名projectName随你自己写 3.npm instal…

本次是使用@vue/cli 3.11.0版本搭建的vue项目 1. 首先确保自己的电脑上的Node.js的版本是8.9版本或者以上 2. 全局安装vue/cli npm install @vue/cli -g 或者yarn add @vue/cli -g 3. 使用脚手架搭建项目 vue create my-vue(my-vue就是创建的项目名) 4. 然后使用↑↓选择Manually select features(手动选择) 5. 下面这么多的扩展项只需要选择Babel   Router …

uname -a  命令查看到我的Linux系统位数是64位(备注:x86_64表示64位系统, i686 i386表示32位系统) window下安装node 1.在官网上选择对应的位数的msi安装包下载,安装 2.在node 目录下新建 node_cacha和node_global目录 3.node根目录加入到环境变量(npm 会自动下载到C:\Users\cd\AppData\Roaming\npm ,并自动创建环境变量) 4.把node_global加入环境变量 5.使用npm conf…

1.安装安装node.js: 2.cnpm install vue-cli -g (全局安装,需要注意的是我这里是用淘宝镜像安装的,没有安装cnpm的需要先去安装一下) 3.vue --version (检验是否安装成功,如果成功了会显示安装的版本号) 4.vue init weabpack vue-project(创建了一个名叫vue-project的项目) 5.npm run dev (启动项目)…

全局安装环境 安装webpack npm install webpack -g 安装vue脚手架 npm install -g @vue/cli-init 初始化vue项目 vue init webpack [projectName] 注意: vue不是内部命令错误修复.全局搜索vue.cmd,将此目录配入环境变量即可. 启动项目 npm run dev 打包项目 npm run build 整合ElementUI npm install element-ui 引入Element 在main.j…

前言 在开发本项目之前,我对vue,react,angular等框架了解,仅限于知道它们是什么框架,他们的核心是什么,但是并没有实际使用过(angular 1.0版本用过,因为太难用,所以对这类框架都有点阴影...). 这是我第一次使用vue开发项目,在项目开始前1周,我才开始看vue的官方文档.我在安装vue.js并搭建vue项目的过程中遇到了各种各样的问题,并通过百度mother找到了许多不同的解决方法. 当时看了众多的博文,感觉写的并不详细,有些还有点乱,所以想写一个比较完善的博文,既作为…

图中&属于postcss的语法,这样书写样式可以清楚的看出选择器之前的层级关系,非常好用. 在利用vue-cli脚手架搭建的项目中如果不配置是不支持这种写法的,这样写不会报错,但是样式不生效. 为了让项目中的vue文件支持这种写法,需要在配置postcss-cssnext模块. 往项目中安装postcss-cssnext模块: npm install postcss-cssnext --save-dev 安装完后,会在项目的package.json文件的devDependencies对象中看到p…

这是个什么的项目? 使用 Node.js + Koa2 + MySQL + Vue.js 实战开发一套完整个人博客项目网站. 博客线上地址:www.boblog.com Github地址:https://github.com/liangfengbo/nodejs-koa-blog 解决了什么问题? 服务端:使用 Node.js 的 Koa2 框架二次开发 Restful API. 前端:Vue.js 打造了前端网站和后台管理系统. 项目包含什么功能? Koa2服务端 管理员与权限控制 文章 文章…