脚手架

环境说明 搭建脚手架需要使用node环境，关于node的安装参考： 安装Node.js 使用npm和cnpm都可以搭建脚手架，但是由于npm安装速度慢，所以使用淘宝镜像cnpm。 打开DOS窗口，输入命令： npm install cnpm -g --registry=https://registry.npm.taobao.org 接着输入： cnpm --version 查看版本，即可确定是否安装成功 搭建脚手架 全局安装vue-cli 全局安装vue-cli，在DOS窗口输入如下命令： cnpm install --global vue-cli 成功安装 超级基于webpack模板的新项目 使用cd命令跳转到你想要创建项目的目录下去创建一个基于 webpack 模板的新项目，请继续输入如下命令： vue init webpack my-vue-project 注意：其中的"my-vue-project"是你自己创建的基于webpack模板的项目名称，自定义的。并且项目名称不能包含大写字母。 在确认创建项目后，会要求你输入项目名称、项目描述、作者、打包方式等。 安装成功后，会生成如下文件目录： 其中各个文件的作用如下： ├── build/ # webpack 编译任务配置文件: 开发环境与生产环境 │ └── ... ├── config/ │ ├── index.js #

App.vue <template> <div id="app"> 这是app.vue主页标题 <router-view/> </div> </template> <script> export default { name: 'App' } </script> <style> #app { font-family: 'Avenir', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; margin-top: 60px; } </style> 　　router文件夹下的index.js import Vue from 'vue' import Router from 'vue-router' import HelloWorld from '@/components/HelloWorld' import Learn from '@/components/learn' import Page from '@/components/page' Vue.use(Router) export default new Router({ routes: [ { path:

‘babel-node’ 不是内部或外部命令，也不是可运行的程序 执行cnpm i babel-core babel-preset-es2015 babel-cli 来源： CSDN 作者： 奥吼吼~~ 链接： https://blog.csdn.net/zhoulib__/article/details/103995428

这篇写得很详细，推荐 https://blog.csdn.net/qq_39725309/article/details/81558332 来源： https://www.cnblogs.com/lsyy2017/p/12199120.html

检查一下镜像站配好了没有，命令： npm config get registry 如果没配好，输入命令 配置镜像站： npm config set registry=http://registry.npm.taobao.org 来源： CSDN 作者： Take^that 链接： https://blog.csdn.net/qq_37767455/article/details/103746783

安装 安装nodejs（自带npm） 安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 全局安装webpack npm install webpack –g 4 .安装vue-cli脚手架构建工具 npm install vue-cli –g 使用vue-cli构建项目 1. 准备一个文件夹作为你的工作空间（以后的每个项目都在文件夹下） 如：e:\workspace 2. 安装vue脚手架 在工作空间的目录下运行 vue init webpack 项目名称 3.安装项目依赖 npm install 4.安装 vue 路由模块 vue-router 和网络请求模块 vue-resource npm install vue - router vue - resource -- save 启动项目测试安装是否成功 启动项目测试安装是否成功 npm run dev 看到如下画面，说明成功启动，默认端口号是8080 运行 在地址栏中输入http://localhost:706/ 看到下图,说明成功了 来源： CSDN 作者： 洛希极限& 链接： https://blog.csdn.net/qq_43266440/article/details/103840106

vue脚手架和webpack创建项目 1 创建一个文件夹 2 下载脚手架 npm install --global vue-cli 3 使用webpack初始化项目 vue init webpack my-project 4 对项目进行一些配置 Project name 项目名称(enter) 　 Porject description 项目描述(enter) 　 Author (enter) vue build 使用什么创建(enter) 　Install vue-router 是否安装vue路由(y) 　use eslint … 是否使用eslint检查你的代码(n) 如果选择y 然后回车 　set up unit tests… 测试(n) 　set up e2e… 测试(n) 　yes use NPM… (enter) 5 到此项目就初始化好了 6 在自动生成的项目中，config下的index.js文件中，需要做的修改是可以在导出的模块中的dev 里 proxyTable 设置路径的别称 需要把 host 改成自己电脑的ip地址 port 是启动服务时的端口号，其他的不需要修改 来源： CSDN 作者： 从此花海一片 链接： https://blog.csdn.net/weixin_44805161/article/details/103793940

1.npm install -g @vue/cli 2.vue create my-project 3.cd my-project 4.npm run serve 来源： 51CTO 作者： 喝醉的熊 链接： https://blog.51cto.com/13550695/2463342

一、react脚手架 xxx 脚手架 : 用来帮助程序员快速创建一个基于 xxx 库的模板项目 包含了所有需要的配置 指定好了所有的依赖 可以直接安装 / 编译 / 运行一个简单效果 react 提供了一个用于创建 react 项目的脚手架库 : create-react-app 项目的整体技术架构为 : react + webpack + es6 + eslint 使用脚手架开发的项目的特点 : 模块化 , 组件化 , 工程化 二、创建项目并启动 npm install -g create-react-app create-react-app hello-react cd hello-react npm start 三、react脚手架项目结构 来源： CSDN 作者： 快乐de馒头 链接： https://blog.csdn.net/chunxiaqiudong5/article/details/103744361

【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> Vue Cli 脚手架需要的环境 1.Node.js运行环境； 2.npm（node package manage）依赖包； 脚手架的好处 1.脚手架可以大大的提高开发效率； 2.可使用最主流的ECMAScript语法； 3.通过Webpack实现编译查看效果（非浏览器编译）； 4.自动更新，可实时查看最新效果等； 1.安装node.js http://nodejs.cn/download/ 安装成功后 2.安装vue cli https://cli.vuejs.org/zh/guide/ 安装完之后 3.安装cnpm（淘宝的npm） 相比国外的npm快 https://npm.taobao.org 找到安装命令，安装完之后 来源： oschina 链接： https://my.oschina.net/u/3728166/blog/3147390