vue+webpack前端开发项目的安装方法

安装前，需要进行node、npm检测，查看是否已有安装node、npm环境；

操作方法：Windows+R 调出运行框，输入cmd 调出命令框；分别输入node -v 回车（查看node版本）

npm -v 回车（查看npm版本）；

如果没有显示版本号，则需要安装node 及npm，安装方法http://www.runoob.com/nodejs/nodejs-install-setup.html

假定已安装好（版本号有就行，不需要和上图一样），

第二步，进行vue-cli的全局安装；操作：新建文件夹，cd进入文件夹，输入npm install --global vue-cli，回车即可

如图配置后，等待安装完成，自动生成提示信息，按照提示信息操作即可：cd进入项目文件夹，

输入npm run dev

如浏览器自动弹出界面，即表示安装成功；如没有，可以点击以上链接查看，视图如下：

命令流：

cd E(项目所在盘)  >>>
mkdir program（新建父级项目文件夹） >>>
cd program  >>>
npm -v  >>>
node -v  >>>
npm install --global vue-cli  >>>
vue init webpack project(在工程project内初始化安装webpack) >>>
cd project  >>>
npm run dev  >>>

转载于:https://www.cnblogs.com/chig/p/10483543.html

vue+webpack前端开发项目的安装方法相关推荐

vue 一个页面多个router-view如何配置子路由_前端开发：如何安装配置Vue路由？
大家好,我来了!本期为大家带来的Web前端学习知识是"前端开发:如何安装配置Vue路由?",喜欢Web前端的小伙伴,一起看看吧! Vue Router 是 Vue.js 官方的路由 ...
HbuilderX前端开发工具的安装和配置
HbuilderX前端开发工具的安装和配置学习uniapp,使用HbuilderX编译器来按照官网的文档学习是最快速的,所以配置好开发工具,学习起来事半功倍,下面主要记录工具安装.微信开发者工具配置 ...
Vue - vue+webpack创建的项目打包发布至服务器，页面空白及背景图片不显示问题解决
vue+webpack创建的项目打包发布至服务器,页面空白及背景图片不显示问题解决一. 页面显示空白二. 背景图片不显示一. 页面显示空白解决方法: config > index.js ...
vue视频教程（Vue.js前端开发基础与项目实战）
适合人群: 适合网页设计与制作人员.网站建设开发人员.院校相关专业的学生.个人网站制作爱好者学习计划: 1.建议每天学习两小时 2.课堂代码可在附件中下载课程目标: 学习Vue前端框架,能使用Vu ...
新电脑的前端开发环境的安装配置
1.硬性配置 vscode的安装自己去vscode的官网,下载vscode进行安装. HbuilderX的安装去官网下载编辑器,可与vscode二选一,但是我两个都用. node环境的安装 1.去 ...
web前端开发项目资源网站，私家珍藏！分享给大家
1.CodePen: http://codepen.io/ 网站里有很多很酷的特效,而且可以看到效果的源代码,也可以看到实现效果,是一个非常不错的前端开发学习资源网站. 这个是CodePen网站里的一 ...
vue.js 前端开发常见问题
前端开发常见问题 1. 热部署失效解决办法:参考查看系统当前max_user_watches的值 $ cat /proc/sys/fs/inotify/max_user_watches 复制代码应 ...
Vue.js前端开发实践第一章课后作业
课后习题一.填空题 1. Vue是一套构建用户界面的渐进式框架. 2. MVVM主要包含3个部分,分别是Model. View和ViewModel. 3. Vue 中通过refs属性获取相应DOM元 ...
VUE的前端开发规范文档整合
一.Vue 1.组件名组件名使用Pascal 命名法(与骆驼命名法类似.只不过骆驼命名法是首字母小写,而帕斯卡命名法是首字母大写) // 反例export default { name: 'page ...

vue+webpack前端开发项目的安装方法

vue+webpack前端开发项目的安装方法相关推荐

最新文章

热门文章