美文网首页
项目初始化

项目初始化

作者: 刘大 | 来源:发表于2017-08-14 22:01 被阅读0次

首先确认安装了node与npm

node -v
npm -v

这俩的作用我就不说了。[1]

安装webpack、vue-cli

npm i webpack -g //全局安装,方便以后用
npm i vue-cli -g //还是全局安装,还是为了方便以后用

必要的东西按完,就可以初始一个项目了。

// 项目名称不能是中文
vue init webpack-simple 项目名称
// 如果想做1.0的项目,则用
vue init webpack-simple#1.0 项目名称
// 2.0后面不可以跟#2.0,会报错,可能以后除了3版本才会启用这个功能,谁知道呢。

进项目目录,安装依赖

cd 上一步的项目名称
npm install

就是把package文件里写的插件一次install完。特别无聊的话也可以自己一个一个按,如果没按错的话,效果是一样的。

启动项目

npm run dev

对,这个文章已经结束了。


  1. mac系统如果失败了,可能是权限不够,补一句命令行:sudo chmod -R 777 /usr/local/lib/node_modules/

相关文章

  • 基于Element UI的后台管理搭建

    1.首先项目初始化 2.首先项目初始化

  • dva.js 上手

    初始化 安装 dva-cli 用于初始化项目: 创建项目目录,并进入该目录: 初始化项目: 然后运行 npm st...

  • webpack构建项目

    webpack构建项目 一. 初始化项目 npm init -y 初始化项目信息 npm install --sa...

  • 打造属于自己的脚手架

    初始化项目 工程创建添加配置文件npm link 编写 Cli使用 commander新建命名 初始化项目 初始化...

  • Hello Vapor

    项目初始化 安装Vapor Tools 使用Vapor Tools初始化项目注意:可以根据需求创建模板项目vapo...

  • 用vue-cli3开发一个模仿饿了吗的ui库

    初始化项目 使用vue-cli3初始化项目,初始化目录如下: 将src修改为packages,用于放置组件源文件。...

  • Go 项目运行记录

    (仅供自己记录学习) 1. 项目结构 2. 根据项目包名初始化 【初始化】1. go mod init 【初始化】...

  • webpack4搭建react脚手架

    创建并初始化项目 先创建项目文件夹在项目中npm init 初始化项目建议node版本8以上,因为应用webpac...

  • 4.初始化node项目(package.json文件)

    进入项目目录 cd F:\nodeDemo,执行初始化项目运行命令: 运行初始化命令会提示填入相应项目信息,并最终...

  • webpack4+react+ts项目搭建

    创建项目 创建目录与远程仓库 克隆你的项目到本地git clone 项目地址 npm初始化 webpack初始化 ...

网友评论

      本文标题:项目初始化

      本文链接:https://www.haomeiwen.com/subject/vhyprxtx.html